Wrap three repeating div groups into one using jQuery
<p>I have another problem here. I have few repeating groups of divs. There is 3 divs with different classes in one group.</p>

<p>What I need to do is wrap the into one 'container'. When I'm using wrapAll it wraps all into one div.</p>

<p>And this is my html:</p>

<pre><code>&lt;div class="bb_box_tl"&gt;&lt;/div&gt;
&lt;div class="bb_box_l"&gt;&lt;/div&gt;
&lt;div class="bb_box_lb"&gt;&lt;/div&gt;

&lt;div class="bb_box_tl"&gt;&lt;/div&gt;
&lt;div class="bb_box_l"&gt;&lt;/div&gt;
&lt;div class="bb_box_lb"&gt;&lt;/div&gt;

&lt;div class="bb_box_tl"&gt;&lt;/div&gt;
&lt;div class="bb_box_l"&gt;&lt;/div&gt;
&lt;div class="bb_box_lb"&gt;&lt;/div&gt;
</code></pre>

<p>This is all in one body.</p>

<p>As I result i would like to have them look like this:</p>

<pre><code>&lt;div class="box-cont"&gt;
    &lt;div class="bb_box_tl"&gt;&lt;/div&gt;
    &lt;div class="bb_box_l"&gt;&lt;/div&gt;
    &lt;div class="bb_box_lb"&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class="box-cont"&gt;
    &lt;div class="bb_box_tl"&gt;&lt;/div&gt;
    &lt;div class="bb_box_l"&gt;&lt;/div&gt;
    &lt;div class="bb_box_lb"&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class="box-cont"&gt;
    &lt;div class="bb_box_tl"&gt;&lt;/div&gt;
    &lt;div class="bb_box_l"&gt;&lt;/div&gt;
    &lt;div class="bb_box_lb"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Thank you for your help in advance</p>
