MVC - Добавление новых записей, которые были созданы на клиенте

Question

У меня проблемы с моим веб-приложением MVC, добавляющим новые записи, которые были созданы на стороне клиента.Когда я нажимаю кнопку подтверждения отправки, модель представления, которая передается в контроллер, содержит только записи, которые уже были там, а не новые, которые были добавлены javascript.Это упрощенная версия кода, который я использую: -

Код сервера

public class person
{
    public int ID { get; set; }
    public string firstname { get; set; }
    public string lastname { get; set; }
}

public class viewmodel
{
    List<person> people { get; set; }
}

Вид

<div id="dv_people">

  @{

     for (c = 0; c < Model.people.Count(); c++)
     {

       @Html.EditorFor(m => Model.people[c].firstname);
       @Html.EditorFor(m => Model.people[c].lastname);
       @Html.HiddenFor(m => Model.people[c].ID);

     }
  }

</div>                            

Javascript

function addPerson(firsname, lastname, uniqueIndex){
    var htm = '<input class="text-box single-line" id="people_' + uniqueIndex + '__firstname" name="people[' + uniqueIndex + '].firstname" type="text" value="' + firsname + '">'
    htm = htm + '<input class="text-box single-line" id="people_' + uniqueIndex + '__lastname" name="people[' + uniqueIndex + '].lastname" type="text" value="' + lastname + '">'
    htm = htm + '<input id="people_' + uniqueIndex + '__ID" name="people[' + uniqueIndex + '].ID" type="hidden" value="' + uniqueIndex + '">'

    $("#dv_poeple").append(htm)
}