title: Find id element inside JSON html content using jQuery
body: <p>I am returning JSON inside an ajax request which has html as one of its values.</p>
  
  <pre><code>html:
  "&lt;div id="foo"&gt;
      &lt;p&gt;FOO&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div id="bar"&gt;
      &lt;p&gt;BAR&lt;/p&gt;
  &lt;/div&gt;"
  </code></pre>
  
  <p>I would like to add <code>#foo</code> to one element and <code>#bar</code> to another. I have tried the following:</p>
  
  <p><code>$('#add-foo-html-here').html($(response.html).find('#foo'));</code></p>
  
  <p>but this fails to find <code>#foo</code>. What is the best way to do this? Should I be adding the html content to a temp element and then finding the id?</p>