javascript - Javascript を使用して MVC4 Razor で HTML テーブル行を作成する

Question

ajax の投稿が成功した後、html テーブルに行を追加する必要があります。これは、javascript が親スクリーン テーブルに新しい行を追加するモーダル ポップアップ ウィンドウ内で発生します。モーダルからフィールド値を取得し、javascript .append ステートメントで変数として使用する方法がわかりません。以下は、NoteText 値を取得しないことを除いて正しく機能する ajax 呼び出しの現在の成功メソッドです。

success: function (result) {
                var noteText = $("#NoteText").val();
                $("#TenantNotesTable").append('<tr><td class="EditButton">@Html.ActionLink("Note Details", "AddTenantNote", New With {.id = 0}, New With {.id = "openDialog", .class = "ButtonControl"})</td><td class="NoteDate">@DateTime.Now.ToShortDateString</td><td class="noteText">NoteText SHOULD SHOW HERE</td><td class="EnterBy">@Model.NoteEnteredBy</td>');
                $('#waitMessage').hide();
                $("#dialog-edit").dialog().dialog('close');

            },

私は必要に応じてJavascriptを学んでいるので、この質問を許してください。