title: I need to split every 2 li's and append them to a div
body: <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>