.find() not working as expected after creating node list from HTML snippet
<p>I have the following Javascript code using jQuery:</p>

<pre><code>var html = '&lt;a href="http://foo.example.com"&gt;Foo/a&gt; | ' + 
           '&lt;a href="http://bar.example.com"&gt;Bar&lt;/a&gt;';
var aTags = $(html).find('a');
console.log(aTags.length); // =&gt; 0
</code></pre>

<p>Why is <code>aTags</code> an empty array and not an array of 2 <code>&lt;a&gt;</code> nodes?</p>