title: $(element).is(':visible') is false always
body: <p>I have the following example: <a href="http://jsfiddle.net/LAMdV/" rel="nofollow">http://jsfiddle.net/LAMdV/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="imageSlider"&gt;
      &lt;span class="info" id="info1"&gt;
          hello world
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$('#imageSlider .info').click(function () {
      var i = $(this).attr('id');
      i = i.replace('info', '');
  
      if ($('#imageSliders .info#info' + i).is(':visible')) {    
          alert("hide");
      } else {
          alert("show");
      }
  });
  </code></pre>
  
  <p>Why is the results of <code>is:visible</code> always showing false? Despite the fact it's visible from the start! (In my actual scenario it's previously hidden and then displayed)</p>