How can I use jQuery to move an <option> to be the second element?
<p>How can I use jQuery to move a specific <code>&lt;option&gt;</code> to be the second option?</p>

<pre><code>&lt;select class="comestibles"&gt;
 &lt;option&gt;apple&lt;/option&gt;
 &lt;option&gt;banana&lt;/option&gt;
 &lt;option&gt;cantaloupe&lt;/option&gt;
 &lt;option&gt;date&lt;/option&gt;
 &lt;option&gt;eggplant&lt;/option&gt;
 &lt;option&gt;fig&lt;/option&gt;
&lt;/select&gt;

&lt;select class="comestibles"&gt;
 &lt;option&gt;apple&lt;/option&gt;
 &lt;option&gt;banana&lt;/option&gt;
 &lt;option&gt;cantaloupe&lt;/option&gt;
 &lt;option&gt;date&lt;/option&gt;
 &lt;option&gt;eggplant&lt;/option&gt;
 &lt;option&gt;fig&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>This code will make <code>eggplant</code> the first option... close but no cigar.</p>

<pre><code>jQuery('select.comestibles').each(function(){
  $('option[value=eggplant]',this).prependTo(this);
}); 
</code></pre>
