jQuery .remove() doesn't fire in IE8
<p>Who can explain this, please?</p>

<p>In my function, I use <code>.remove()</code> to remove one row of a <code>&lt;select&gt;</code> box (I mean to remove an <code>&lt;option&gt;</code>) but why doesn't it work?</p>

<p>In FF it looks good, but in IE8 ... fail.  </p>

<p>Let's see an example:</p>

<pre><code>&lt;form name="test"&gt;
</code></pre>

<p>I have two <code>&lt;select&gt;</code> boxes, the first is:</p>

<pre><code>&lt;select id='car1' name='car1' onchange='car_remove();'&gt;
  &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
  &lt;option value="saab"&gt;Saab&lt;/option&gt;
  &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt;
  &lt;option value="audi"&gt;Audi&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>and the second is:</p>

<pre><code>&lt;select id='car2' name='car2'&gt;
  &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
  &lt;option value="saab"&gt;Saab&lt;/option&gt;
  &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt;
  &lt;option value="audi"&gt;Audi&lt;/option&gt;
&lt;/select&gt;

&lt;/form&gt;
</code></pre>

<p>including this tiny JavaScript function (with <code>jquery.js</code> include script in header):</p>

<pre><code>function car_remove()
{
  car1_selected = document.test.car1.value;
  $("#car2 option[value="+ car1_selected +"]").remove();
}
</code></pre>
