Я хочу полностью скопировать все элементы <div id="articleFull">...</div> (+ div включительно) с их содержимым в новое появляющееся окно <div id="newPopUp">...</div>

 <div id="articleFull">
	<p>lorem ipsum</p>
	<img src="1.png" />
	<p>lorem ipsum</p>
	<p>lorem ipsum</p>
	<h3>Test title</h3>
	<img src="1.png" />
	<p>lorem ipsum</p>
 </div>

Я пробовал это сделать простым методом:

articleFull = document.getElementById('articleFull');

function copyHtml(){
	div = document.createElement('div')
	div.id = 'newPopUp';
	document.body.appendChild(div);
	
	var t = document.getElementById('articleFull');
	div.appendChild(t);
} 

http://jsfiddle.net/ApBSN/3/

Это работает… НО функция не копирует код, а перемещает его из одного места в другое, фактически удаляя его с первоначального места. Я хочу просто продублировать блок. Да я понимаю что на странице не может быть 2 ID, но с этим я дальше сам разберусь.
Идеи?

Подсказывают, что у jQuery есть то, что мне нужно
http://jsfiddle.net/ApBSN/9/
но хочется понять как это делать на pure js…

Таки вопрос решён - cloneNode()