Jquery - Stop auto complete of HTML tags when using .append
<p>I am trying to create a nested list from XML, however I find that the .append function seems to auto complete my HTML tags, useful agreed but how to I overide this operation when its not wanted OR is there a smarter way of doing the below:</p>

<pre><code>$('#name').html('&lt;li&gt;'+'Origin'+'&lt;ul&gt;'+' ' ).html();
$(this).find("origin").each (function() {
var name = '&lt;li&gt;origin: ' + $(this).text() + '&lt;/li&gt;';
$('#name').append(name);
$('#name').append('&lt;/ul&gt;&lt;/li&gt;');
</code></pre>

<p>What I get:</p>

<pre><code>&lt;ul id="name"&gt;
&lt;li&gt;
Origin
&lt;ul&gt; &lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;origin: network&lt;/li&gt;
&lt;li&gt;origin: nevil-nmshub&lt;/li&gt;
&lt;li&gt;origin: origin_overide&lt;/li&gt;
&lt;li&gt;origin: Support_4&lt;/li&gt;
&lt;li&gt;origin: test-origin&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>As you can see its adding the  </li> tags before I want them. I guess maybe I am going about this wrong, any advise?</p>
