Move a div somewhere else in the dom
<p>The following code gets dynamically inserted into the DOM. However, I'd like to move div#example from where it is and prepend it to #wrapper. How can I use jQuery to achieve this?</p>

<pre><code>&lt;div id="wrapper"&gt;
     &lt;div id="div1"&gt;
          &lt;div id="example"&gt;
          &lt;/div&gt;
     &lt;/div&gt;
     &lt;div id="div2"&gt;

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

<p>I tried <code>$('#wrapper').prepend('#example');</code></p>

<p>But that just adds the text <code>#example</code> (not the div) into #wrapper.</p>
