title: ASP.NET MVC3: Adding Textboxes with Jquery and binding to Model
body: <p>I have created a View which prompts the user to input some records with an invoice number and save them to the DB. Now a new requirement came in, we must be able to save 1..N invoice numbers for one record. No problem in the database, but I cant find a clean way to change the view and the model.
  As of now I'm doing this:</p>
  
  <pre><code> &lt;div class="editor-label"&gt;
              @Html.LabelFor(x =&gt; x.InvoiceNumber1)
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              @Html.TextBoxFor(x =&gt; x.InvoiceNumber1)
              @Html.ValidationMessageFor(x =&gt; x.InvoiceNumber1)
          &lt;/div&gt;
  </code></pre>
  
  <p>To satisfy the new requirement I'd have to create a button of some kind which lets the user add additional textboxes (via qjuery) to the view. But how would I bind those dynamically added textboxes back to the model on the form submit? </p>