title: hide() not working in IE
body: <p>My code works perfect in firefox and gives error in IE. any ideas? </p>
  
  <p>I have a dropdown with various options, I am trying to show/hide options in another dropdown based on the selected value.</p>
  
  <pre><code>function selectNames() {
  var Name = $("#SelectName").attr("value");
   $("."+Name).each(function() {
     $(this).hide();            
   });
  }
  </code></pre>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;select &gt;
     &lt;option class="Name1" value="SomeName1" &lt;/option&gt;
     &lt;option class="Name2" value="SomeName2" &lt;/option&gt;
  &lt;/select&gt;
  &lt;select id="SelectName" onchange="javascript:selectNames();" &gt;
     &lt;option value="Name1" &lt;/option&gt;
     &lt;option value="Name2" &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Any help is appreciated..</p>