MVC 4: Create HTML textboxes dynamically with JQUERY and PartialViewResult. How to fill the model if the code is added dynamically? <p>I am creating form input fields with JQUERY like</p> <pre><code>$('#students').live('change', function () { var value = $(this).val(); if (value) { $.ajax({ type: "GET", timeout: 10000, url: "@Url.Action(MVC.Company.ManageWorkReport.GetStudent())", data: { studentId: value }, cache: false, success: function (data) { if (data) { $("#students tbody").html(data); } }, error: function (xhr, status, error) { alert(xhr.responseText); } }); } return false; }); </code></pre> <p>HTML code to insert data is</p> <pre><code>@using (Html.BeginDefaultForm(MVC.Company.ManageWorkReport.Create())) { &lt;table class="table table-striped table-bordered bootstrap-datatable datatable" id="students"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Ime in Priimek&lt;/th&gt; &lt;th&gt;Vrsta&lt;/th&gt; &lt;th&gt;Začetek dela&lt;/th&gt; &lt;th&gt;Konec dela&lt;/th&gt; &lt;th&gt;Enota&lt;/th&gt; &lt;th&gt;Cena za enoto&lt;/th&gt; &lt;th&gt;Količina&lt;/th&gt; &lt;th&gt;Neto znesek&lt;/th&gt; &lt;th&gt;Bruto znesek&lt;/th&gt; &lt;th&gt;&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td colspan="11"&gt;Podatek še ne obstaja&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; @Html.SimpleSubmitAndCancelButton(Translations.Global.SAVE, Translations.Global.CANCEL) } </code></pre> <p>and C#</p> <pre><code>[HttpGet] public virtual PartialViewResult GetStudent(int studentId) { StudentsWorksReportsFormModel studentsWorksReportsFormModel = new StudentsWorksReportsFormModel(); ..... var view = PartialView("StudentWorkReportResult", studentsWorksReportsFormModel); return view; </code></pre> <p>}</p> <p>Problem is that when I enter data in form and click SUBMIT button model is always empty. Why model is empty if I fill page with JQUERY and later enter data in text fields? How to fill the model also that I can insert data in DB.</p>