Can't move li elements from one unorderted list to another
<p>I have two un-ordered list</p>

<pre><code>&lt;ul id="#list1"&gt;
&lt;li&gt;one&lt;/li&gt;
&lt;li&gt;two&lt;/li&gt;
&lt;/ul&gt;

&lt;ul id="#list2"&gt;&lt;/ul&gt;
</code></pre>

<p>and two buttons</p>

<pre><code>&lt;input id="add" name="yt1" type="button" value="&lt;&lt;" /&gt;&lt;br /&gt;
&lt;input id="remove" name="yt2" type="button" value="&gt;&gt;" /&gt; 
</code></pre>

<p>If the button with the id add is pressed all elements from #list1 should be move to #list2. How do I move elements from one list to another using JQuery</p>

<p>I though of something like the below, but not sure how to do the actual moving</p>

<pre><code>$("#add").click(function(){
$("#list1 li").each(function(){
//Do not know what to put in here
}
})
</code></pre>
