title: Use jQuery to get part of JSON value and inject it into a div
body: <p>I am working with a JSON that contains chunks of HTML values. Below is a simplified version of the JSON to help you visualize:</p>
  
  <pre><code>{
  "header" : "&lt;a class='widget'&gt;widget&lt;/a&gt;
              &lt;a class='widget'&gt;widget&lt;/a&gt;
              &lt;ul class='header'&gt;
                   &lt;li&gt;link1&lt;/li&gt;
                   &lt;li&gt;link2&lt;/li&gt;
                   &lt;li&gt;link3&lt;/li&gt;
              &lt;/ul&gt;"
              &lt;a class='random'&gt;random link&lt;/a&gt;
              &lt;a class='random'&gt;random link&lt;/a&gt;,
  
  "footer" : "&lt;a class='social'&gt;social&lt;/a&gt;
              &lt;a class='social'&gt;social&lt;/a&gt;
              &lt;ul class='footer'&gt;
                   &lt;li&gt;link1&lt;/li&gt;
                   &lt;li&gt;link2&lt;/li&gt;
                   &lt;li&gt;link3&lt;/li&gt;
              &lt;/ul&gt;"
   }
  </code></pre>
  
  <p>I'm having trouble finding a way to load the JSON, extract 'ul.header', and inject it into a div (using jQuery):</p>
  
  <pre><code>&lt;div class="giveMeHeaderList"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The end result should look like this:</p>
  
  <pre><code>&lt;div class="giveMeHeaderLinks"&gt;
      &lt;ul class='header'&gt;
          &lt;li&gt;link1&lt;/li&gt;
          &lt;li&gt;link2&lt;/li&gt;
          &lt;li&gt;link3&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>(I apologize if the JSON is of incorrect format, as I typed it up quick and am only using it for display purposes)</p>
  
  <p>Thanks for the help! </p>