How do I grab several elements and wrap them in a div using jquery?
<p>I am familiar with <code>wrap()</code> and <code>innerWrap()</code>, which grabs every div and individually wraps each instance of the div in a <code>wrap()</code> parameters. IE:</p>

<pre><code>&lt;div class="wrap me"&gt;&lt;/div&gt;
&lt;div class="wrap me"&gt;&lt;/div&gt;
&lt;div class="wrap me"&gt;&lt;/div&gt;
</code></pre>

<p>Becomes</p>

<pre><code>&lt;div class="wrapped"&gt;&lt;div class="wrap me"&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class="wrapped"&gt;&lt;div class="wrap me"&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class="wrapped"&gt;&lt;div class="wrap me"&gt;&lt;/div&gt;&lt;/div&gt;
</code></pre>

<p>I want it to be </p>

<pre><code>&lt;div class="wrapped"&gt;    
    &lt;div class="wrap me"&gt;&lt;/div&gt;
    &lt;div class="wrap me"&gt;&lt;/div&gt;
    &lt;div class="wrap me"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>How do I do that?</p>
