javascript - 抽出された内部テキストでノードをソートし、インデックスの関連付けを維持するか、jQuery でハックします

Question

行（以下の場合はdiv）を持つテーブルがあります。これらの行内には、テキストを含むノードがあります。内部テキストを見て、内部テキストに従って行をソートしようとしています。テキストによる並べ替えを行っていますが、ノードを正しい順序で画面に戻す方法がわかりません。ここに私が持っているものがあります:

<div>
    <i> - Name: Casper</i><br/>
</div>
<div>
    <i> - Name: Joe</i><br/>
</div>
<div>
    <i> - Name: Allen</i>
</div>


var originalNameNodes = $('i:contains(" - Name:")');
var numNames = originalNameNodes.length;
var namesForSorting = []

var i = 0;
originalNameNodes.each(function(){    
    namesForSorting[i] = $(this).text().replace(" - Name: ", "");    
    i = i + 1;
});

namesForSorting.sort();

for(var j = 0; j < numNames; j++){
    var sortedNameNode = originalNameNodes.find('i:contains('+namesForSorting[j]+')');
    $('body').append(sortedNameNode);    
}