I need to split every 2 li's and append them to a div
<p>I have a generic list </p>

<pre><code> &lt;ul&gt;
    &lt;li&gt;list item1&lt;/li&gt;
    &lt;li&gt;list item2&lt;/li&gt;
    &lt;li&gt;list item3&lt;/li&gt;
    &lt;li&gt;list item4&lt;/li&gt;
    &lt;li&gt;list item5&lt;/li&gt;
   &lt;li&gt;list item6&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>But what I want to do is </p>

<pre><code>&lt;div class="list"&gt;
&lt;ul&gt;
    &lt;li&gt;list item1&lt;/li&gt;
    &lt;li&gt;list item2&lt;/li&gt;
 &lt;/ul&gt;
&lt;/div&gt;

&lt;div class="list"&gt;
&lt;ul&gt;
    &lt;li&gt;list item3&lt;/li&gt;
    &lt;li&gt;list item4&lt;/li&gt;
 &lt;/ul&gt;
&lt;/div&gt;

&lt;div class="list"&gt;
&lt;ul&gt;
    &lt;li&gt;list item5&lt;/li&gt;
    &lt;li&gt;list item6&lt;/li&gt;
 &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>The reason I can't add classes to the li's is that this is a dynamic menu created in Business Catalyst, I could use any advice as to the best way to deal with this situation.</p>

<p>Best Tara</p>
