Can't move li elements from one unorderted list to another

Question

I have two un-ordered list

<ul id="#list1">
<li>one</li>
<li>two</li>
</ul>

<ul id="#list2"></ul>

and two buttons

<input id="add" name="yt1" type="button" value="<<" /><br />
<input id="remove" name="yt2" type="button" value=">>" /> 

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

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

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

Answer 1

You can use appendTo:

$("#add").click(function(){
    $("#list1 li").appendTo('#list2');
});

DEMO

Also change your IDs from <ul id="#list1"> to <ul id="list1">.