How to create a complete form using add more button

public class ProfileViewModel 
{
  public string Name {get;set;}
  public List<Education> EducationList {get;set;}
}

[HttpGet]
public async Task<ActionResult> AddProfile()
{
  return View(new ProfileViewModel());
}

[HttpPost]
public async Task<ActionResult> AddProfile(ProfileViewModel viewModel)
{
   // stuff to save in db
}

[HttpPost]
public async Task<ActionResult> AddEducation(ProfileViewModel viewModel)
{
    // So here you add new items in the list send it back to Add Profile View
    // there you can render the list of Education 

    viewModel.EducationList.Add(new Education(){});   

    return View("AddProfile", viewModel);
}

@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "yourform" }))
{
  @Html.EditorFor(model => model.Name, new { htmlAttributes=new { @class="control" }})
  <input type="button" value="Add Education" id="@("add_education")" />
  <table>
    @for (int i = 0; i < options.Count(); i++)
    {
      <tr>
       <td>@Html.EditorFor(model => options[i].DegreeName ,null,"DegreeName")</td>
       <td>@Html.EditorFor(model => options[i].YearCompleted ,null, "YearCompleted")</td>
       </tr>
    }
  </table>
  <input type="button" value="Add Profile" id="@("add_profile")" />
}

$(document).ready(function () {
    $("#@("add_education")").click(function (e) {
       $("#yourformId").attr("action", '@Url.Action("AddEducation", "UserProfile")');
       $("#yourformId").submit();
    });
    $("#@("add_profile")").click(function (e) {
       $("#yourformId").attr("action", '@Url.Action("AddProfile", "UserProfile")');
       $("#yourformId").submit();
    });
});