Insert a whole div (which is in another div) before the div comes after
<p>I have this:</p>

<pre><code>&lt;div&gt;
   &lt;div class="navigation&gt;
       &lt;ul&gt;
           ...
       &lt;/ul&gt;
   &lt;/div&gt;
&lt;/div&gt;
&lt;div class="main"&gt;

&lt;/div&gt;
</code></pre>

<p>I want to take .navigation div out of the div it is in, and place it on its own before .main div so I can get this:</p>

<pre><code>&lt;div class="navigation&gt;
     &lt;ul&gt;
          ...
     &lt;/ul&gt;
&lt;/div&gt;
&lt;div class="main"&gt;

&lt;/div&gt;
</code></pre>

<p>Help?</p>
