Deselecting select options with jQuery needs scrolling to actually show
<p>I have a somewhat odd problem deselecting options in a select using jQuery.</p>

<p>The code I have now (for selecting all):</p>

<pre><code>$select.children().attr('selected', true);
</code></pre>

<p>This works fine.</p>

<p>For deselecting, I have tried various options:</p>

<pre><code>$select.children().attr('selected', false);
$select.children().removeAttr('selected');
$select.find("option").attr('selected', false);
$select.find("option").each(function() {
   var $this = $(this);
   $this.removeAttr("selected");
});
</code></pre>

<p>etc.. and they all have the same problem (tested in chrome / safari). After I run the deselect code, I have to actually scroll before the options are shown as not selected.</p>

<p>Any ideas on how to fix this?</p>

<p>Regards,
Morten</p>
