jquery - jquery .html() でフォーム入力フィールドを動的に追加する

Question

ページとフォームにフィールドを動的に追加しようとしています。基本的に、私が持っているのは、入力フィールドの行を持つモデル コンテナーです。ただし、モデル コンテナから生成され、フォーム内に追加された入力フィールドはポストされません。下記参照。

$('#addRow').click(function () {
    var rowNumber = $(this).attr('rowNumber'),
        newRowHtml = '';

    rowNumber = parseInt(rowNumber) + 1;

    newRowHtml = '<tr id="row_' + rowNumber + '"> ' + $('#rowModel').html().replace(/myKeyHolder/g, rowNumber); + '</tr>';

    $('#row_' + parseInt(rowNumber - 1)).after(newRowHtml);
    $(this).attr('rowNumber', rowNumber);
}); 

編集：（ストラットを使用することに注意してください）

<tr id="rowModel" class="hide">
    <td>
        <s:select name="variable_myKeyHolder" 
                list="variables" listKey="value" listValue="label"
                cssClass="adminDropDown adminVariable" 
                data-role="dropdownlist"
                headerKey=""
                headerValue="Select Variable.." />
    </td>   
    <td>
        <select name="variableValue_myKeyHolder" id="variableValue_myKeyHolder" 
                class="adminDropDown adminVariableValue">                    
        </select>
    </td>
    <td>
        <s:select name="variableType_myKeyHolder" 
            list="types" listKey="value" listValue="label"
            cssClass="adminDropDown adminVariableType" 
            data-role="dropdownlist" />
    </td>
    <td>
        <textarea name="message_myKeyHolder" class=messageTextarea">
        </textarea>
    </td>
    <td>
        <input type="button" value="Delete" class="deleteRequestMessage" id="btn_row_myKeyHolder">
    </td>
</tr>