加载Dom后元素插入的Jquery拦截事件

Question

我有一个问题，我无法拦截在使用jquery加载DOM后插入的div上的事件

这是在dom中插入新div的代码

$("button#addnote").click(function (e) {
    //alert("add note click");
    $("#contenitorenote").append("<div class='nota'><a href='#' class='ciao'>X</a> <textarea  style='width:300px;height:200px;' id='note' placeholder='Inserisci Note'></textarea></div>");
});

这是我用来拦截点击的代码，但不能正常工作

$("#contenitorenote").delegate( ".nota", "click", function(e) {
        e.preventDefault();
        alert("click remove");
        $(this).parent('div').remove();
        alert("test remove");
        $(this).remove();


});

正确的方法是什么？

Thans