How to insert into a specific location in a list with jQuery?
<p>I have a list of form-field divs inside a containing div. </p>

<pre><code>&lt;div id="container"&gt;
    &lt;div class="form-field"&gt;    
        // Data
    &lt;/div&gt;
    &lt;div class="form-field"&gt; // selected item   
        // Data
    &lt;/div&gt;
    &lt;div class="form-field"&gt;    
        // Data
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I have a selected item var which holds the item that we're working with. Say for example, the second form field div is selected. How would I append another element right after the selected item? Another form field div needs to be added to the 3rd spot in the list. The list will be dynamic, so where it goes will always depend on the selected item.</p>
