jQuery() on a complete, well-formatted HTML document string results in a Syntax Error, unrecognized expression
<p>I've got a document I'm pulling in with <code>$.ajax()</code>, and my <code>.done()</code> callback looks like this:</p>

<pre><code>function (data, text_status, jq_xhr) {
  var $what_i_want = $(data).find('#what-i-want');
}
</code></pre>

<p>where <code>data</code> is a string that contains the entirety of an HTML document. </p>

<p>This code never reaches <code>.find()</code>. Upon <code>$(data)</code>, I get</p>

<pre><code>`Uncaught Error: Syntax error, unrecognized expression: &lt;!DOCTYPE html&gt;`
</code></pre>

<p>which continues with a contents of the entire document (the string <code>data</code>). </p>

<p>The facts:</p>

<ul>
<li>I'm using jQuery 1.9.0 </li>
<li>The document is well-formed HTML5 according to the W3C validator. </li>
</ul>

<p>I've used <code>jQuery()</code> to objectify many an HTML string, so I'm surprised this isn't working. Admittedly, I don't recall ever trying a whole document. Given the error, I'm guessing, perhaps, I need to escape this string somehow. But I'm not sure how.</p>

<p>Incidentally, I've tried a different approach that works:</p>

<pre><code>var $what_i_want = $('#what-i-want', $.parseHTML(data))
</code></pre>

<p>But I can't figure out why the first approach fails.</p>
