asp.net - ボタンのクリック時にMVC3カミソリに動的テキストボックスを追加する方法

Question

ボタンのクリックでテキストボックスを動的に作成し、別のボタンのクリックでそれを削除したい。私は正常に動作しているjqueryで作成しました。

$(document).ready(function () {

    var counter = 2;

    $("#addButton").click(function () {
        if (counter > 10) {
            alert("Only 10 textboxes allow");
            return false;
        }

        var newTextBoxDiv = $(document.createElement('div'))
     .attr("id", 'TextBoxDiv' + counter);

        newTextBoxDiv.after().html('<input type="text" name="textbox' + counter +
      '" id="textbox' + counter + '" value="" >');

        newTextBoxDiv.appendTo("#TextBoxesGroup");


        counter++;
    });

    $("#removeButton").click(function () {
        if (counter == 1) {
            alert("No more textbox to remove");
            return false;
        }

        counter--;

        $("#TextBoxDiv" + counter).remove();

    });

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

        var msg = '';
        for (i = 1; i < counter; i++) {
            msg += "\n Textbox #" + i + " : " + $('#textbox' + i).val();
        }
        alert(msg);
    });
});
</script>

<div id='TextBoxesGroup'>
<div id="TextBoxDiv1">       
    <input type="textbox" id="textbox1" />
</div></div><input type='button' value='Add Button' id='addButton' /><input type='button' value='Remove Button' id='removeButton' /><input type='button' value='Get TextBox Value' id='getButtonValue' />

しかし、mvc3 かみそりでこの機能が必要です。