<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"/>

$(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);
    });
 });

$("#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);
});