javascript - リストに複数の div を挿入する

Question

リスト項目の div を挿入する必要があるリストがあります。単純な .InsertBefore を使用すると、要素が無限に乗算されます

他のアイテムを複製せずにdivを挿入するにはどうすればよいですか?

例: jsfiddle.net/HJCps

HTML コード

<div id="sorter">

    <div class="item item-1">
        <div class="text">Item 1</div>
        <div class="insert">Insert Text 1</div>
    </div>

    <div class="item item-2">
        <div class="text">Item 2</div>
        <div class="insert">Insert Text 2</div>
    </div>

    <div class="item item-3">
        <div class="text">Item 3</div>
        <div class="insert">Insert Text 3</div>
    </div>

</div>

JS コード

$('.insert').insertBefore('.text');