无法移动选中的复选框

Question

这是我要切换的menulist项目的代码，并将选中的复选框添加到div select2。我的问题是，当我将div元素添加到父类<div>Programmer</div>时，我无法将选中的项添加到div select2，如何更正此行

return !$('#choose li :checked').closest('li').appendTo('#select2');

这样的事情有用吗？

<div class="left">
<ul id="accordion">
    <li><div>Programmer</div>
        <ul>
            <li>
        <label><input type="checkbox" name="CheckboxGroup" value="checkbox" id="1,1" />PHP</label>
            </li>
            <li>
        <label>
            <input type="checkbox" name="CheckboxGroup1" value="checkbox" id="1,2" />.net</label>
            </li>
            <li>
        <label>
            <input type="checkbox" name="CheckboxGroup1" value="checkbox" id="1,3" />JSP</label>
            </li>
        </ul>
    </li>  
    <li id="2" class="accordion-toggle"><div>Event Manager</div>
        <ul>
            <li>
        <label><input type="checkbox" name="CheckboxGroup" value="checkbox" id="2,1" />Wedding</label>
            </li>
            <li>
        <label>
            <input type="checkbox" name="CheckboxGroup1" value="checkbox" id="2,2" />Birthday</label>
            </li>
            <li>
        <label>
            <input type="checkbox" name="CheckboxGroup1" value="checkbox" id="2,3" />Fairwell</label>
            </li>           
        </ul>
    </li>      
</ul>
</div>
<a href="#" id="add"/>add</a>
<a href="#" id="remove"/>remove</a>
<div class="right">
<ul id="select2">

</ul>
</div>
<script type="text/javascript" >
$(document).ready(function($){
    $("#accordion > li > div").click(function(){

    if(false == $(this).next().is(':visible')) {
        $('#accordion ul').slideUp(300);
    }
    $(this).next().slideToggle(300);
});

$('#accordion ul:eq(0)').show();
    $('#add').click(function() {
    return !$('#choose li :checked').closest('li').appendTo('#select2');
});
$('#remove').click(function() {
    return !$('#select2 li :checked').closest('li').appendTo('#select1');
});
    });
</script>