How to sort a div by a string attribute with jQuery?

Question

I am developing a list that has the header "ID" and "Status" and its ID and Status values,I have also defined an input of type Hidden for action.

Following example:

<div class="cabecalho">
   <div><span id="orderID">ID</span></div>
   <div><span id="orderStatus">Status</span></div>
</div>
<div id="container">
   <div class="listStatus" status="f" contagem="1">
      <div>1<div>
      <div>F<div>
   </div>

   <div class="listStatus" status="C" contagem="2">
      <div>2<div>
      <div>C<div>
   </div>
</div>
<input type="hidden" id="acao" value="asc"/>

So for the ordering to work, I wrote the following code.

$(document).ready(function(){
    $("#orderStatus").click(function(){
        var acao = $('#acao').val();
        var statusList = $(".listStatus");
        statusList.sort();
        if(acao=="desc"){
           $('#acao').val('asc');
           statusList.reverse();
        }
        else{
           $('#acao').val('desc');
        }
        $('#container').html(statusList);
    });
 });

Only the JS error console is displaying the following error: "statusList.Reverse is not a Function".

Also, 'ASC' ordering is not working.

Updating:

I got it this way, it was simpler than I expected, HTML remains the same, only Javascript changed, I will leave the code below so other people can use.

Follows code:

$("#orderStatus").click(function(){
    var acao = $('#acao').val();
    var statusList = $(".listStatus");
    statusList.sort(function(a, b) {
        if(acao == "asc"){
            $('#acao').val('desc');
            return $(b).attr("status") > $(a).attr("status");
        }
        else{
            $('#acao').val('asc');
            return $(a).attr("status") > $(b).attr("status");
        }
    });
    $('#container').html(statusList);
});