Jquery Splitting HTML with .append()
<p>I'd like to break apart a list by inserting closing tags with jquery.</p>

<p>Here's the original:</p>

<pre><code>&lt;ul&gt;
&lt;li&gt;one&lt;/l1&gt;
&lt;li&gt;two&lt;/li&gt;
&lt;li&gt;three&lt;/li&gt;
&lt;li&gt;four&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>and i'd like to turn it into:</p>

<pre><code>&lt;ul&gt;
&lt;li&gt;one&lt;/l1&gt;
&lt;li&gt;two&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;three&lt;/li&gt;
&lt;li&gt;four&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I haven't been able to accomplish this using :nth-child(n) or .html() or .append(), but I'm thinking perhaps some sort of outter html replace would do it. Maybe there's an easier way. Any ideas?</p>
