Jquery changing the value of a drop-down using its value, not the text
<p>I'm having difficulty changing the calue of a dropdown menu using jquery.</p>

<pre><code>&lt;div class="input-box"&gt;
    &lt;select name="options[4]" id="select_4"&gt;
    &lt;option value=""&gt;-- Please Select --&lt;/option&gt;
    &lt;option value="24"&gt;Not Sure - Send Me Some Samples First &lt;/option&gt;
    &lt;option value="13"&gt;1 Jet Black &lt;/option&gt;
    &lt;option value="14"&gt;Blondette 4/27 &lt;/option&gt;
    &lt;option value="15"&gt;Boho Blonde 613/12 &lt;/option&gt;
    &lt;option value="16"&gt;Caramel 6 &lt;/option&gt;
    &lt;option value="17"&gt;Cherry 530 &lt;/option&gt;
    &lt;option value="18"&gt;Dirty Blonde 612/12 &lt;/option&gt;
    &lt;option value="19"&gt;Ebony Black 1b &lt;/option&gt;
    &lt;option value="20"&gt;Hot Toffee 4 &lt;/option&gt;
    &lt;option value="21"&gt;LA Blond 24/613 &lt;/option&gt;
    &lt;option value="22"&gt;Malibu Blonde 60/613 &lt;/option&gt;
    &lt;option value="23"&gt;Raven 2 &lt;/option&gt;&lt;/select&gt;
&lt;/div&gt;
</code></pre>

<p>I can't understand why this won't work</p>

<pre><code>function changeIt(theId) {
    $j('.input-box:eq(0)').val(theId);
}

changeIt(22);
</code></pre>
