$(element).is(':visible') is false always
<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>
