jQuery ignore hide but accept remove on selector 'option'
<p>I'm a bit confused, why I can use <code>.remove()</code> but not <code>.hide()</code> on an option.
Does someone know why?</p>

<p>The HTML Code:</p>

<pre><code>&lt;select&gt;
    &lt;option value="choose"&gt;---&lt;/option&gt;
    &lt;option value="foo"&gt;foo&lt;/option&gt;
    &lt;option value="bar"&gt;bar&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>And the Javascript Code:</p>

<pre><code>$('select').focus(function() {
    $('option[value="choose"]').hide();
    //$('option[value="choose"]').remove();
});
</code></pre>

<p>Here's the JSFiddle: <a href="http://jsfiddle.net/PzaHy/10/" rel="nofollow">http://jsfiddle.net/PzaHy/10/</a> </p>
