jquery 操作checkbox,该怎么处理

jquery 操作checkbox

<html>
<script src=jquery.js></script>
<style>
div{border:1px solid red;}
</style>
<body>
<div id="div1">
<input name=box class="i" type=checkbox  value=1>1
<input name=box class="i" type=checkbox  value=2>2
<input name=box class="i" type=checkbox  value=3>3
</div>
<div id="div2">

</div>
<button>移动</button>
</body>
</html>
<script>
$(function(){
$("button").click(function(){
 if (true == $(this).attr("checked")) {//这句有问题,从网上贴的,死活不行
         
    }
})

})
</script>


想要点一下按钮把div1里选中的单选框 放到div2里面去
------解决思路----------------------
我写了一个不知道是不是你想要的
<html>
<script src="jquery-1.8.3.min.js"></script>
<style>
div{border:1px solid red;}
</style>
<body>
<div id="div1">
<span><input name='box' class="i" type='checkbox'  value=1>1</span>
<span><input name='box' class="i" type='checkbox'  value=2>2</span>
<span><input name='box' class="i" type='checkbox'  value=3>3</span>
</div>
<div id="div2">

</div>
<button>移动</button>
</body>
</html>
<script>
$(function(){
$("button").click(function(){
$("input[name='box']").each(function(index, element) {
                if($(this).prop("checked")){
$(this).parent().clone(true).appendTo("#div2");
$(this).parent().remove();
}
            });
})
})
</script>

------解决思路----------------------
$('div :checkbox:checked').appendTo($('#div2'))
------解决思路----------------------
$(function(){
  $("button").click(function(){
    $('#div1 :checked').appendTo($('#div2'));
  })
})