javascript - javascript/jqueryを使用して内部div要素のコンテンツでdiv要素をソートする

Question

「名前で並べ替え」と「人気度で並べ替え」を作成するために、内部のdivデータでdiv要素を並べ替えるためのJavaScriptを使用した小さなスクリプトを作成しようとしていました...

問題は、「Mozilla Firefox」ですべて問題なく動作するにもかかわらず、ほとんど作成できなかったことです。ただし、「google chrome」と「IE」では動作しません。

こちらのコードをご覧ください - http://jsfiddle.net/s8SgJ/

$(document).ready(function() {
//sorting alphebatically start  
function sortByNameAsc(a,b){
    return $(a).find('.captioncss').text() > $(b).find('.captioncss').text();
}

function reorderEl(el){
    var container = $('#NewsSiteList');
    container.html('');
    el.each(function(){
        $(this).appendTo(container);
    });
}
$('.nameAsc').click(function(){
    reorderEl($('.totalcontainercss').sort(sortByNameAsc));
});
//sorting alphebatically END
$('.totalcontainercss').sort(sortByNameAsc).appendTo($('#NewsSiteList')); //sorting alphebatically onLoad

//sorting by popularity start
function sortByPopularityAsc(a,b){
    return $(a).find('.ShortByRank').text() - $(b).find('.ShortByRank').text();
}

function reorderEl(el){
    var container = $('#NewsSiteList');
    container.html('');
    el.each(function(){
        $(this).appendTo(container);
    });
}
$('.PopularAsc').click(function(){
    reorderEl($('.totalcontainercss').sort(sortByPopularityAsc));
}); 
//sorting by popularity END
});

解決策を教えてください。前もって感謝します。