JQuery - How to: Duplicate <li> and put it to the end of the <ul>

Question

I have an ordinary ul li. I want to attach an li to the list which is based on the first li in the list.

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>

pseudo javascript/jquery

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

This is what it looks like:

<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

How do I do this? :)

Answer 1

I think it should be

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