title: jQuery .hide() not working in IE
body: <p>I have a few span elements that I am hiding via CSS (display: none;).  When the page loads, I would like the first span element to show which in all browsers, except IE7, seems to be the case.  Anyone have any clue as to why this might be happening?  There isn't any crazy code that would cause this problem, it simply just isn't working.</p>
  
  <p>jQuery v1.4.2</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() { 
          $('span.player').hide();
          $('span.player:first').show();
      });
  &lt;/script&gt;
  
  &lt;span class="player" style="display: none;"&gt;Player embed code&lt;/span&gt;
  &lt;span class="player" style="display: none;"&gt;Player embed code 2&lt;/span&gt;
  </code></pre>
  
  <p>Thanks,
  Jake</p>