jQuery - Wrap div to multiple element
<p>Hi<br />
Suppose I have the code below:</p>

<pre><code>  &lt;div class="Hello"&gt;
    &lt;div class="inner"&gt;Hello&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="Goodbye"&gt;
    &lt;div class="inner"&gt;Goodbye&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="Goodnight"&gt;
    &lt;div class="inner"&gt;Goodnight&lt;/div&gt;
  &lt;/div&gt;
</code></pre>

<p>How can I wrap a div to these 3 div?
The result should be:</p>

<pre><code>  &lt;div&gt;
      &lt;div class="Hello"&gt;
        &lt;div class="inner"&gt;Hello&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="Goodbye"&gt;
        &lt;div class="inner"&gt;Goodbye&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="Goodnight"&gt;
        &lt;div class="inner"&gt;Goodnight&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
</code></pre>

<p>Update(not work)</p>

<pre><code>&lt;script src="http://code.jquery.com/jquery-1.4.4.js"&gt;&lt;/script&gt;

&lt;div class="Hello"&gt;
  &lt;div class="inner"&gt;Hello&lt;/div&gt;
&lt;/div&gt;
&lt;div class="Goodbye"&gt;
  &lt;div class="inner"&gt;Goodbye&lt;/div&gt;
&lt;/div&gt;
&lt;div class="Goodnight"&gt;
  &lt;div class="inner"&gt;Goodnight&lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
$("&lt;div&gt;").insertBefore(".Hello").append(".Hello, .Goodbye, .Goodnight");   
&lt;/script&gt;
</code></pre>

<p>Updated 2(work)</p>

<pre><code>&lt;script src="http://code.jquery.com/jquery-1.4.4.js"&gt;&lt;/script&gt;

&lt;div class="Hello"&gt;
  &lt;div class="inner"&gt;Hello&lt;/div&gt;
&lt;/div&gt;
&lt;div class="Goodbye"&gt;
  &lt;div class="inner"&gt;Goodbye&lt;/div&gt;
&lt;/div&gt;
&lt;div class="Goodnight"&gt;
  &lt;div class="inner"&gt;Goodnight&lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
$("&lt;div&gt;").insertBefore(".Hello").append($('.Hello'), $('.Goodbye'), $('.Goodnight'));  
&lt;/script&gt;
</code></pre>

<p>Updated 3(not work)</p>

<pre><code>&lt;script src="http://code.jquery.com/jquery-1.4.4.js"&gt;&lt;/script&gt;

&lt;div class="Hello"&gt;
  &lt;div class="inner"&gt;Hello&lt;/div&gt;
&lt;/div&gt;
&lt;div class="Goodbye"&gt;
  &lt;div class="inner"&gt;Goodbye&lt;/div&gt;
&lt;/div&gt;
&lt;div class="Goodnight"&gt;
  &lt;div class="inner"&gt;Goodnight&lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
//$("&lt;div&gt;").insertBefore(".Hello").append($('.Hello'), $('.Goodbye'), $('.Goodnight'));    
$(".Hello, .Goodbye, .Goodnight").wrap('div');
&lt;/script&gt;
</code></pre>

<p>Result:</p>

<pre><code>&lt;div class="Hello"&gt;
  &lt;div class="inner"&gt;Hello&lt;/div&gt;
&lt;div class="Hello"&gt;
  &lt;div class="inner"&gt;Hello&lt;/div&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;div class="Hello"&gt;
  &lt;div class="inner"&gt;Hello&lt;/div&gt;
&lt;div class="Hello"&gt;
  &lt;div class="inner"&gt;Hello&lt;/div&gt;
&lt;/div&gt;&lt;div class="Goodbye"&gt;
  &lt;div class="inner"&gt;Goodbye&lt;/div&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;div class="Hello"&gt;
  &lt;div class="inner"&gt;Hello&lt;/div&gt;
&lt;div class="Hello"&gt;
  &lt;div class="inner"&gt;Hello&lt;/div&gt;
&lt;/div&gt;&lt;div class="Goodnight"&gt;
  &lt;div class="inner"&gt;Goodnight&lt;/div&gt;
&lt;/div&gt;&lt;/div&gt;
</code></pre>

<p>Thank you</p>
