title: jquery :visible selector not working on webkit
body: <p>I need to select the one visible span element in a list inside a div like so: <code>$('#videoDesc &gt; span:visible')</code> or <code>$('#videoDesc &gt; span').filter(':visible')</code> and it doesn't work in webkit</p>
  
  <p>These span elements have <code>display: none;</code> set in the stylsheet (I tested removing this and nothing changed). On the style tag of one of them I set its display to <em>inline</em>.</p>
  
  <p>The span elements display is modified using jQuery's show() and hide() functions.</p>
  
  <p>If I call <code>$('#videoDesc &gt; span:hidden');</code> from the chrome console I get all the elements everytime, doesn't matter which of them I've called <code>show()</code> on. Likewise <code>$('#videoDesc &gt; span:visible');</code> gets me an empty list: <code>[]</code> everytime.</p>
  
  <p>In firefox and IE I don't have this problem.</p>
  
  <p>I copied this from the chrome console. As you can see span element <em>videoDesc-1</em> has a <code>style="display: inline;"</code> and it still appears when using <code>:hidden</code></p>
  
  <pre><code>$('#videoDesc &gt; span').filter(':hidden');
  [&lt;span id="videoDesc-1" style="display: inline;"&gt;…&lt;/span&gt; ,
  &lt;span id="videoDesc-2"&gt;…&lt;/span&gt; , &lt;span id="videoDesc-3"&gt;…&lt;/span&gt; , 
  &lt;span id="videoDesc-4"&gt;…&lt;/span&gt;]
  </code></pre>
  
  <p>Is this some sort of webkit bug? </p>
  
  <p>I was able to work around it doing this:</p>
  
  <pre><code>$('#videoDesc &gt; span').each(function(i, e) {
      if (this.style.display != 'none') {
          ...
      }
  });
  </code></pre>
  
  <p>But it bothers me as it seems like a <em>wrong</em> solution, the correct being using <code>:visible</code> but it just doesn't work on webkit</p>
  
  <p>jQuery 1.6.4</p>