jquery - jQueryソートアルファベット順で正しく機能しない

Question

これは、アルファベット順に並べ替えようとしているのです<li>が、何らかの理由で正しい順序ではありません。<li>items.pushのタグ全体が原因だと感じていますが、リストアイテムが持っていた現在のクラスとデータ属性を保持するためにそうしていました。これを行う別の方法はありますか？

var items = [];

$("ul.cat-list li").each(function(){
     var liClass = $(this).attr("class");
     items.push("<li class="+liClass+" data-task="+$(this).data("task")+">"+$(this).html()+"</li>");
});

items.sort();

$("ul.alpha-list").html(items);