Mover itens de uma lista para outra

Código:

<script type="text/javascript">
    $(function(){
        $('button').click(function(){
            $('#list1 li').appendTo('#list2');
        });
    });
</script>

<style type="text/css">
    ul li {
        margin-left: 35px;
    }
 
    #list1 {
        padding: 10px;
        background: green;
    }
 
    #list2 {
        padding: 10px;
        background: yellow;
    }
</style>

<ul id="list1">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>
 
<ul id="list2">
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
</ul>
 
<p><button>Mover elementos</button></p>

Resultado:

• Item 1
• Item 2
• Item 3

• Item 4
• Item 5
• Item 6

Mover elementos