Динамически добавлять поля ввода формы с помощью 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); 
}); 

EDIT: (Примечание с помощью распорки)

<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>  

Answer 1

я обнаружил проблему. Я устанавливаю значение выпадающих списков с помощью другой функции, и значения параметров раскрывающегося списка не устанавливаются, в результате чего данные не публикуются.