Invert order of HTML elements
<p>I have the following configuration:</p>

<pre><code>&lt;div&gt;&lt;div id='box1'&gt;&amp;nbsp;&lt;/div&gt;&lt;div id='box2'&gt;&amp;nbsp;&lt;/div&gt;&lt;div id='box3'&gt;&amp;nbsp;&lt;/div&gt;&lt;div id='box4'&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;
</code></pre>

<p>what i need to do is to invert the order of the divs</p>

<pre><code>&lt;div&gt;&lt;div id='box4'&gt;&amp;nbsp;&lt;/div&gt;&lt;div id='box3'&gt;&amp;nbsp;&lt;/div&gt;&lt;div id='box2'&gt;&amp;nbsp;&lt;/div&gt;&lt;div id='box1'&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;
</code></pre>

<p>is there a fast way to do this with jQuery without cloning, removing and replacing the items?</p>
