title: JQuery Hide Option doesn't work in IE and Safari
body: <p>I'm trying to hide a few options in a dropdown box using .hide(). This works perfectly fine in firefox and chrome, but it doesn't work in IE and Safari. My original code is more complex but I've narrowed it down to this.</p>
  
  <p>I've tried several combinations and nothing has worked. </p>
  
  <p>.hide() works, but not for things within option tags for some reason.</p>
  
  <p>Can someone please help me? This is driving me nuts. Thank you so much for taking the time help!</p>
  
  <p>Here's my jscript:</p>
  
  <pre><code>    &lt;script type="text/javascript" src="js/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function(){
              $(".wrapper1").hide();
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>Here's the HTML:</p>
  
  <pre><code>                &lt;label for="prodName"&gt;Product Name:&lt;/label&gt; 
                  &lt;input type="text" name="prodName" /&gt;&lt;br /&gt;
  
                  &lt;label for="candy"&gt;Candy:&lt;/label&gt; 
                  &lt;select name="candy" id="candy"&gt;
                          &lt;option value="0" class="blank" selected="selected"&gt;&lt;/option&gt;&lt;!-- PHP and JS validators should not allow "0" here. User should be prompted to select something. --&gt;
                          &lt;option value="1" class="wrapper1"&gt;Hide this 1&lt;/option&gt;
                          &lt;option value="2" class="wrapper1"&gt;Hide this 2&lt;/option&gt;
                          &lt;option value="3" class="wrapper2"&gt;Show this 1&lt;/option&gt;     
                  &lt;/select&gt;&lt;br /&gt;
  </code></pre>