title: Non-Deep copy of DOM element with jQuery
body: <p>Is it possible to create a clone/copy of a DOM element in jQuery without cloning its content? I need to split the content of a div into two separate divs with the same attributes. So for example I need to change:</p>
  
  <pre><code>&lt;div class="someclass" someattr="someval"&gt;
      this is the first sentence. this is the second sentence.
  &lt;/div&gt;
  </code></pre>
  
  <p>into something like:</p>
  
  <pre><code>&lt;div class="someclass" someattr="someval"&gt;
      this is the first sentence.
  &lt;/div&gt;
  &lt;div class="someclass" someattr="someval"&gt;
      this is the second sentence.
  &lt;/div&gt;
  </code></pre>
  
  <p>How exactly the content is split is rather complicated, but this is basically what I need to do. Obviously, creating a clone without content can be achieved using:</p>
  
  <pre><code>$(el).clone().empty();
  </code></pre>
  
  <p>But since my element can become rather large, I would like to get rid of the overhead of unnecessarily cloning the element content. Ideas? Thanks!</p>