关于jquery的一个小问题

$(document).ready(function(){
    $('#button').click(function(){
        var toAdd = $('input[name=checkListItem]').val();
        $('.list').append("<div class='item'>"+toAdd+"</div>");
    });
    //==法1(不可行）===
    $('.item').click(function(){
        $(this).remove();
    });
    //==法2(不可行)==
    $(document).ready(function(){
        $('.item').click(function(){
            $(this).remove();
        });
    }）；
    //==法3(可行）==
    $(document).on('click', '.item', function(){
        $(this).remove();
    });
});

代码目的：实现todolist功能，点击button添加.item条目，点击条目删除条目；