jQuery objects of the same element are not equal?
<p>This must be something I'm overlooking, but please look at the following page and JavaScript and tell me why, for everything that's holy, jQuery won't return true?</p>

<p>HTML: <a href="http://alcatel.scottbuckingham.com/reporting/test.html" rel="nofollow">http://alcatel.scottbuckingham.com/reporting/test.html</a></p>

<pre><code>&lt;p class="test"&gt;hello1&lt;/p&gt;
</code></pre>

<p>JS: <a href="http://alcatel.scottbuckingham.com/reporting/_scripts/collapse.js" rel="nofollow">http://alcatel.scottbuckingham.com/reporting/_scripts/collapse.js</a></p>

<pre><code>;(function($, window, document, undefined) {

        var t = $('.test');
        var s = $('.test');

        console.log(t);
        console.log(s);

        if (t === s) {
            console.log('yes');
        }

})(jQuery, window, document);
</code></pre>

<p>I've literally spent hours trying to work it out and reduced it to this, almost <code>1 === 1</code>statement which won't work.</p>

<p>Any help is highly appreciated!</p>
