Quero inserir a cópia de um conteúdo em duas divs Fiz um clone e depois queria fazer um append. Sendo que o append move o conteúdo do último insert no DOM.
var copia = $('div#conteudo').children().clone(true);
$('div#vazia1').append(copia);
$('div#vazia2').append(copia);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="conteudo">
<p> meu conteudo </p>
</div>
<div id="vazia1">
<p> vazia 1 </p>
</div>
<div id="vazia2">
<p> vazia 2 </p>
</div>
O problema me parece ser a questão da cópia. Questão parecida já foi abordada em Como criar uma cópia de um objeto em JavaScript? mas a resposta ainda continua vaga, quiçá complicada.
Como fazer uma simples cópia e não fazer uma passagem por referência? Mostro o problema em https://jsfiddle.net/bnascimento/j0xbs6qt/2/
Quero fazer uma cópia de elementos do DOM e, modificar o original sem que a cópia receba as alterações. Quero que essa cópia seja um novo elemento independente do primeiro. Isso é possível?