select not display correctly after change
<p>I can't find any solution to simple value change in select, code works corretly in Chrome and in IE but doesn't work in FF</p>

<pre><code>    &lt;select id='testsel' name='test'&gt;
      &lt;option value=""&gt;-- select something --&lt;/option&gt;
      &lt;option value="1"&gt;selected&lt;/option&gt;
    &lt;/select&gt;
</code></pre>

<p>and if I try</p>

<pre><code>    $('#testsel').val("1");
</code></pre>

<p>value is selected but not displayed (you can see if you expand select). What is strange</p>

<pre><code>    $('#testsel').val();
</code></pre>

<p>returns "" (first value)</p>

<p>Same problem if I try</p>

<pre><code>    $('#testsel &gt; option[value="1"]').attr("selected", "selected");
</code></pre>

<p>but this time result is bit different</p>

<pre><code>    $('#testsel &gt; option[value="1"]').attr("selected");
</code></pre>

<p>I see "selected" as a result, but on screen nothing.</p>

<p>Any idea?</p>
