jquery - チェックボックスを切り替えてdivに追加する-チェックボックスはオフのままです

Question

最初の小さなjqueryToDoリストを作成しています。各リスト項目にはチェックボックスがあり、これをオンにすると、Donedivに移動します。これは期待どおりに機能します。チェックボックスが常にオフになっているだけです。.prop（）を試してみましたが、影響はないようです。

HTMLは次のとおりです。

    <div class="form-container">
        <h2>To Do</h2>
        <form name="checkListForm">
        <input class="entry" type="text" name="checkListItem"/>
        <div id="button">Add!</div>
        </form>
    </div>
    <div class="list"></div>     
    <div class="done_name">Done
            <div class="done"></div>
    </div>

そしてJQuery：

$('input[name=checkListContainer]').toggle(
    function () {
        $(".done_name").show();
        $(this).prop("checked", "checked");
        $(this).parents('.item_container').appendTo(".done");
        },
        function () {   
                $(this).parents('.item_container').appendTo(".list");
                    $(".done:empty").parent().hide();
        });
   });

Answer 1

.prop("checked")真/偽の値です:

$(this).prop("checked", true);