title: jQuery `.is(":visible")` not working in Chrome
body: <pre><code>if ($("#makespan").is(":visible") == true) { 
      var make = $("#make").val(); 
  }
  else {
      var make = $("#othermake").val(); 
  }
  
  Make:&lt;span id=makespan&gt;&lt;select id=make&gt;&lt;/select&gt;&lt;span id=othermakebutton class=txtbutton&gt;Other?&lt;/span&gt;&lt;/span&gt;&lt;span id=othermakespan style="display: none;"&gt;&lt;input type=text name=othermake id=othermake&gt;&amp;nbsp;-&amp;nbsp;&lt;span id=othermakecancel class=txtbutton&gt;Cancel&lt;/span&gt;&lt;/span&gt;
  </code></pre>
  
  <p>The above code runs smooth in Firefox, but doesn't seem to work in Chrome. In Chrome it shows <code>.is(":visible") = false</code> even when it is <code>true</code>.</p>
  
  <p>I am using following jQuery version: jquery-1.4.3.min.js</p>
  
  <p>jsFiddle Link: <a href="http://jsfiddle.net/WJU2r/4/" rel="noreferrer">http://jsfiddle.net/WJU2r/4/</a></p>