I am working with a JSON that contains chunks of HTML values. Below is a simplified version of the JSON to help you visualize:

```
{
"header" : "<a class='widget'>widget</a>
            <a class='widget'>widget</a>
            <ul class='header'>
                 <li>link1</li>
                 <li>link2</li>
                 <li>link3</li>
            </ul>"
            <a class='random'>random link</a>
            <a class='random'>random link</a>,

"footer" : "<a class='social'>social</a>
            <a class='social'>social</a>
            <ul class='footer'>
                 <li>link1</li>
                 <li>link2</li>
                 <li>link3</li>
            </ul>"
 }

```

I'm having trouble finding a way to load the JSON, extract 'ul.header', and inject it into a div (using jQuery):

```
<div class="giveMeHeaderList"></div>

```

The end result should look like this:

```
<div class="giveMeHeaderLinks">
    <ul class='header'>
        <li>link1</li>
        <li>link2</li>
        <li>link3</li>
    </ul>
</div>

```

(I apologize if the JSON is of incorrect format, as I typed it up quick and am only using it for display purposes)

Thanks for the help!