Choosing div placement using append in jQuery
<p>Using the following code:</p>

<pre><code>&lt;script type="text/javascript"&gt;
function moveFront(el){
    var me = $('#'+el.closest('div').attr('id'));
    var parent = me.parent();
    parent.find('div:first').prepend(me);
    //?
}
&lt;/script&gt;
&lt;div class="comments"&gt;
&lt;div id="105"&gt;
    105
    &lt;p&gt;...&lt;/p&gt;
    &lt;form&gt;...&lt;/form&gt;

    &lt;div id="116"&gt;
        116
    &lt;/div&gt;
    &lt;div id="106"&gt;
        106
    &lt;/div&gt;
    &lt;div id="109"&gt;
        109
        &lt;button onclick="moveFront($(this));"&gt;&lt;/button&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<ol>
<li><p>I would like to append a new <code>div</code> element in the element with the ID of 105, however, I don't want it at the end or the start.  It should be before the other <code>div</code> elements.</p></li>
<li><p>If a button was used, as demonstrated in the <code>div</code> element with the ID of 109, how would I move it as the first <code>div</code> element with the ID of 105?</p></li>
</ol>
