jQuery: contains() always returning true
<p>I have a parent jQuery object and a child jQuery element.<br>
I'd like to see if the child is already contained within the parent. I was thinking of using jQuery's <code>contains()</code> method. However, in Chrome and IE I always get <code>true</code> returned and in FF6 I get an error <code>a.compareDocumentPosition is not a function</code></p>

<p>Am I using this incorrectly? Is there a better way to achieve this? </p>

<p><a href="http://jsfiddle.net/ColdToast/Njvbg/3/" rel="nofollow">Fiddle</a></p>

<p>Code:   </p>

<pre><code>&lt;div class="metroContainer"&gt;
&lt;div class="metroBigContainer"&gt;
    &lt;div id="big1" class="metroBig"&gt;
        Stuffs 1
    &lt;/div&gt;

    &lt;div id="big2" class="metroBig"&gt;
        Stuffs 2
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class="otherContainer"&gt;
&lt;/div&gt;
</code></pre>

<p></p>

<pre><code>// I expect false, returns true
$.contains($('.metroBigContainer'), $('.otherContainer'))
</code></pre>
