jquery - positioning of cloned object
<p>If the user hits return while in one of the given text input fields, I'm trying to insert a new, blank text input field right below it - and before the other existing ones. The code below works fine in appending it to the bottom of the container, but I'm struggling with how to place it directly below the selected input field. </p>

<p>Any suggestions?</p>

<p>JS</p>

<pre><code>    if (event.keyCode == 13) {

     $(this).clone(true).val('').appendTo('#item_container').focus();
     return false;

}
</code></pre>

<p>HTML</p>

<pre><code>&lt;div id="item_container"&gt;   
        &lt;input type="text" class="list_item"&gt;
        &lt;input type="text" class="list_item"&gt;
                    &lt;input type="text" class="list_item"&gt;
                    &lt;input type="text" class="list_item"&gt;
&lt;/div&gt;
</code></pre>
