使用javascript / jquery按内部div元素内容排序div元素

Question

我试图使用javascript制作一个小脚本，用于按内部div数据对div元素进行排序，以制作“按名称排序”＆amp; “按人气排序”......

问题是，我甚至在'Mozila 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
});

请给我一个解决方案。 提前谢谢。