Append to Lists

by Marventus

HTML

<ol id="list1">
    <li>Item 1</li>
    <li>Item 2</li>
    <li class="move">Item 3</li>
</ol>
<ol id="list2">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ol>
<div class="clear"></div>
<input id="trigger" type="button" value="Move Item" />

CSS

input{
    display:block;
    margin-top:20px;
    padding:5px;
}
ol{
    background:#ddf;
    display:block;
    float:left;
    margin-right:30px;
    padding:10px;
}
.clear{
    clear:both;
}

JavaScript

jQuery(function() {
    jQuery("#trigger").click(function() {
        jQuery(".move").appendTo("#list2");
    });
});