dblclick 이벤트로 ul li 에서 li 값 append 시키기

<style>

#non-attached {

    background-color:blue;

}

#attached {

    background-color:red;

}

</style>

<ul id='attached'>

    <li id='itemID_1'>Item</li>

    <li id='itemID_2'>Item</li>

    <li id='itemID_3'>Item</li>

    <li id='itemID_4'>Item</li>

</ul>

<ul id='non-attached'>

    <li id='itemID_5'>Item</li>

    <li id='itemID_6'>Item</li>

    <li id='itemID_7'>Item</li>

    <li id='itemID_8'>Item</li>

</ul>

<script>

$("#attached").delegate("li", "dblclick", function() {

    $("#non-attached").append(this);

});

$("#non-attached").delegate("li", "dblclick", function() {

    $("#attached").append(this);

});

</script>