为什么当我单击“ p”标签时注释没有追加？

Question

 $(document).on("click", "p", function() {
    $("#notes").empty();
    alert("hello");
    var id = $(this).attr("data-id");

    $.ajax({
        method: "GET",
        url: "/articles/" + id
    }).then(function(data){
        console.log(data);

        $("#notes").append("<h2>" + data.title + "</h2>");
        $("#notes").append("<input id='titleinput' name='title' >");
        $("#notes").append("<textarea id='bodyinput' name='body'></textarea>");
        $("#notes").append("<button data-id='" + data._id + "' id='savenote'>Save Note</button>");

        if (data.note) {
            $("#titleinput").val(data.note.title);
            $("#bodyinput").val(data.note.body);
        }
    });
});

当我单击“ p”标签时，注释输入应弹出到文本的右侧，但不是。我不知道我在做什么错，这使他们无法露面。警报会弹出，因此该标签还可以。但是为什么笔记不来？