Trying to hide some options tag with jquery doesn't work IE, Safari and Opera
<p>I am trying to hide some <code>&lt;options&gt;</code> tags with jquery but it doesn't seem to work.</p>

<ul>
<li><p>I want to hide all options that have the <code>rel</code> attribute.</p></li>
<li><p>Show only options for <code>rel='3'</code></p></li>
</ul>

<p>This code works on FF and Chrome. Doesn't work IE, Safari and Opera.</p>

<p>Here is my jsfiddle:</p>

<blockquote>
  <p><a href="http://jsfiddle.net/RnfqW/4/" rel="nofollow">http://jsfiddle.net/RnfqW/4/</a></p>
</blockquote>

<p>Here is the markup and script:</p>

<pre><code>&lt;select name="myselect" id="myselect" &gt;
    &lt;option value=''&gt;&lt;/option&gt;
    &lt;option rel='1' value='1A'&gt;1A&lt;/option&gt;
    &lt;option rel='1' value='1B'&gt;1B&lt;/option&gt;
    &lt;option rel='2' value='2A'&gt;2A&lt;/option&gt;
    &lt;option rel='2' value='2B'&gt;2B&lt;/option&gt;
    &lt;option rel='2' value='2C'&gt;2C&lt;/option&gt;
    &lt;option rel='3' value='3A'&gt;3A&lt;/option&gt;
    &lt;option rel='3' value='3B'&gt;3B&lt;/option&gt;
    &lt;option rel='3' value='3C'&gt;3C&lt;/option&gt;
    &lt;option rel='3' value='3D'&gt;3D&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>Script:</p>

<pre><code>$("#myselect [rel]").hide(); // hide all options
$("#myselect [rel=3]").show(); // hide whow only rel=3 options
</code></pre>
