title: $("#id option").hide(); not working on safari/chrome?
body: <p>Same for:</p>
  
  <pre><code>$("#id option").show();
  </code></pre>
  
  <p>I'm just surprised. I thought that something went wrong with my code. I tried it with a blank html:</p>
  
  <pre><code>&lt;select id = "name"&gt;
    &lt;option&gt;1&lt;/option&gt;
    &lt;option&gt;2&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>​$("#name option").hide();​
  </code></pre>
  
  <p><a href="http://jsfiddle.net/kgLkt/" rel="nofollow">http://jsfiddle.net/kgLkt/</a></p>
  
  <p>It works like a charm with firefox, but not on safari nor chrome!</p>
  
  <p>Is there a substitute?!</p>
  
  <p>EDIT:
  I need to hide/show the option (or some of them) from appearing in the  list.</p>