JQuery - Как: Дублировать <li>и положить его в конец <ul>

Question

У меня есть обычный ul li.Я хочу прикрепить li к списку, который основан на первом li в списке.

html

<div id="gallery">
<ul>
<li>Point Nr 1<p>lol</p></li>
<li>Point Nr 2</li>
<li>Point Nr 3</li>
<li>Point Nr 4</li>
</ul>
</div>

псевдо-JavaScript / jquery

$("#gallery ul li").first().duplicate(attachTo:"#gallery ul li")

Thisкак это выглядит:

<div id="gallery">
<ul>
<li>Point Nr 1<p>lol</p></li>
<li>Point Nr 2</li>
<li>Point Nr 3</li>
<li>Point Nr 4</li>
<li>Point Nr 1<p>lol</p></li>
</ul>
</div

Как мне это сделать?:)

Answer 1

Я думаю, что это должно быть

var ul = $('#gallery ul');
ul.find('li:first').clone(true).appendTo(ul);

Answer 2

Должно быть:

var $gallery = $('#gallery');
$gallery.find('li:first').clone(true).appendTo($gallery.find('ul'));

Пример: http://www.jsfiddle.net/4yUqL/22/

Ссылка: .clone ()