javascript - テキストエリアのある剣道ウィンドウを複数追加する

Question

ボタンをクリックするたびに、テキスト領域が内側にある小さなウィンドウを作成しようとしています。ただし、ボタンを複数回クリックすると、新しいウィンドウが作成されますが、最初のウィンドウにのみテキスト領域が含まれます。誰でも助けることができますか？

var noteNumber = 0;

$("#createNoteButton").click(function () {

    var noteWindowDivId = "noteWindow" + noteNumber;
    $("<div id=noteWindowDivId />").appendTo(document.body).kendoWindow ({
        draggable: true, resizable: true, width: "480px",
        height: "100px", title: "Note",
        scrollable: false,
        modal: false, actions: ["Close"]
    });
    $("#noteWindowDivId").data("kendoWindow").content("<textarea id=noteNumber style='width: 100%; height: 100%'> </textarea>");
    noteNumber++;
}
);