title: Simple jQuery Hide/Show does not work in IE
body: <pre><code>$(document).ready(function () {
      $('#createGallery').hide();
  
      $("#newGallery").click(function () {
          $("#createGallery").show('slow');
      });
      $("#gallerySelect &gt; option").not("#newGallery").click(function () {
          $("#createGallery").hide('slow');
      });
  });
  </code></pre>
  
  <p>I can't figure out why. Seems easy enough. my HTML is in HAML. But its easy to understand if you don't know what HAML is. My HAML reads :</p>
  
  <pre><code>        #createGallery
            %span{ :style =&gt; "color:#1B75BC; font-size: 15px;" }
              new gallery
            %br
            %form{ :action =&gt; ""}
              %input{ :name =&gt; "tabname", :type =&gt; "text", :rows =&gt; "1", :cols =&gt; "30", :style =&gt; "height: 15px; width: 260px; margin-right: 40px;"}
  
          %span{ :style =&gt; "color:#1B75BC; font-size: 15px;" }
            gallery
  
          %form{ :action =&gt; ""}
            %select#gallerySelect{ :name =&gt; "Choose Gallery", :style =&gt; "width:260px" }
              %option{ :selected =&gt; "selected", :value =&gt; "QuickFact" }
                Choose Gallery
              %option{ :value =&gt; "QuickFact"}
                My Interior Design
              %option#newGallery{ :value =&gt; "QuickFact" }
                New Gallery
          %br
  </code></pre>