jQuery objects of the same element are not equal?

Question

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?

HTML: http://alcatel.scottbuckingham.com/reporting/test.html

<p class="test">hello1</p>

JS: http://alcatel.scottbuckingham.com/reporting/_scripts/collapse.js

;(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);

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

Any help is highly appreciated!

Answer 1

Try this - Working Demo --> http://jsfiddle.net/mohammadAdil/tHjgN/

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

http://api.jquery.com/is/

Or with ===

if (t.get(0) === s.get(0)) { //<--Compare DOM elements instead of jquery object's
    console.log('again yes');
}

Demo --> http://jsfiddle.net/mohammadAdil/tHjgN/1/

Answer 2

You can use the jQuery is method.

Description: Check the current matched set of elements against a selector, element, or jQuery object and return true if at least one of these elements matches the given arguments.

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

Example fiddle: http://jsfiddle.net/IrvinDominin/q86Sh/