jQuery: How can I remove a div and put it somewhere else?
<pre><code>&lt;div id="wrapper"&gt;
     &lt;div id="example1"&gt;
          &lt;div id="navigation"&gt;
          &lt;/div&gt;
     &lt;/div&gt;
     &lt;div id="example2"&gt;

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

<p>In the above example, let's say I want to remove #navigation from #example1 and place it in #example2. How can I use jQuery to do that? Do I just use <code>remove</code> and <code>add</code> or is there a simpler way?</p>
