title: How to 'duplicate' element with jQuery?
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/921290/is-it-possible-to-clone-html-element-objects-in-javascript-jquery">Is it possible to clone html element objects in JavaScript / JQuery?</a>  </p>
  </blockquote>
  
  
  
  <p>For example, I want this:</p>
  
  <pre><code>&lt;div id="foo1"&gt;
  
  &lt;/div&gt;
  &lt;div id="foo2"&gt;
    &lt;div&gt;Foo Here&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>To become this:</p>
  
  <pre><code>&lt;div id="foo1"&gt;
    &lt;div&gt;Foo Here&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="foo2"&gt;
    &lt;div&gt;Foo Here&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is this possible with jQuery?</p>