jquery append getting funky
<p>I'm looping over a list of sites trying to add links in the following format:</p>

<p><code>&lt;a href="www.bbc.co.uk"&gt;the BBC&lt;/a&gt;</code></p>

<p>but get:</p>

<pre><code>&lt;a href="www.bbc.co.uk"&gt;&lt;/a&gt;
the BBC
</code></pre>

<p>Can anyone see where I'm going wrong?</p>

<pre><code>function list_sites() {
    jQuery("#data_container").empty();
    var listItems = [];
    jQuery(sites).each(function(index, element) {
        var href = element['site_url'];
        var link_text = element['site_label'];
        var toAppend = "&lt;a href=" + href + "&gt;" + link_text + "&lt;/a&gt;";
        listItems.push(toAppend);
    });
    jQuery("#data_container").append(listItems.join(" "));
}
</code></pre>
