Grouping child elements in smaller sub-groups
<p>I would like to be able to group elements into groups of 4 or as close to 4 as possible. Assuming my html looks something like:</p>

<pre><code>&lt;div class="container"&gt;
    &lt;div class="item"&gt;&lt;/div&gt;
    &lt;div class="item"&gt;&lt;/div&gt;
    &lt;div class="item"&gt;&lt;/div&gt;
    &lt;div class="item"&gt;&lt;/div&gt;
    &lt;div class="item"&gt;&lt;/div&gt;
    &lt;div class="item"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I would like the output to be:</p>

<pre><code>&lt;div class="container"&gt;
    &lt;div class="section"&gt;
        &lt;div class="item"&gt;&lt;/div&gt;
        &lt;div class="item"&gt;&lt;/div&gt;
        &lt;div class="item"&gt;&lt;/div&gt;
        &lt;div class="item"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="section"&gt;
        &lt;div class="item"&gt;&lt;/div&gt;
        &lt;div class="item"&gt;&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>In a perfect world, I would just change the html but I can't in this case because it is being generated server side. I think <code>nextUntil()</code> is what I want but I'm not sure how to implement it. </p>
