title: Move a div somewhere else in the dom
body: <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>