Filtering dynamic html with jquery
<p>I'm trying to create some dynamic html through jquery, filter it to the part I'm interested in, and append that section of html to an existing element on the page but its not working. What am I doing wrong in this fiddle?</p>

<p><a href="http://jsfiddle.net/3zKeL/4/" rel="nofollow">http://jsfiddle.net/3zKeL/4/</a></p>

<p>HTML:</p>

<pre><code>&lt;div id="output"&gt;This is the output:&lt;br&gt;&lt;/div&gt;
</code></pre>

<p>jQ:</p>

<pre><code>var response = "&lt;html&gt;&lt;body&gt;&lt;h1&gt;hello&lt;/h1&gt;&lt;/body&gt;&lt;/html&gt;";
$(response).filter("body").appendTo("#output");
</code></pre>
