Using .wrap() for each x amount of objects
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/3366529/wrap-every-3-divs-in-a-div">Wrap every 3 divs in a div</a><br>
  <a href="http://stackoverflow.com/questions/3475594/jquery-use-wrap-to-wrap-multiple-elements">jQuery - use wrap() to wrap multiple elements?</a>  </p>
</blockquote>



<p>Lets say I have 4 divs, as below:</p>

<pre><code>&lt;div class="section"&gt;1&lt;/div&gt;
&lt;div class="section"&gt;2&lt;/div&gt;
&lt;div class="section"&gt;3&lt;/div&gt;
&lt;div class="section"&gt;4&lt;/div&gt;
</code></pre>

<p>I would like to use <code>$('.section' [increments of 2] ).wrap('&lt;div class="row"&gt;&lt;/div&gt;')</code> so each 2 <code>div.section</code>'s will be wrapped with <code>div.row</code>, so the end result would look like this:</p>

<pre><code>&lt;div class="row"&gt;
  &lt;div class="section"&gt;1&lt;/div&gt;
  &lt;div class="section"&gt;2&lt;/div&gt;
&lt;/div&gt;

&lt;div class="row"&gt;
  &lt;div class="section"&gt;3&lt;/div&gt;
  &lt;div class="section"&gt;4&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>How is this done?</p>
