title: How to pass a model with extra unbound parameter from the view to the controller via ajax
body: <p>I know how to pass a model from the view to the controller via ajax using the 
  "data: $(_form).serialize()" but how to also include an unbound value and pass both the model and this extra param all together ?  </p>
  
  <pre><code>// Jquery
  $.ajax({
        type: "POST",
        data: $(_form).serialize(),
  });
  
  
  // Controller
  [HttpPost]
  [ValidateAntiForgeryToken]
  public ActionResult PostReservBooking(ReservFile model)
  {
    .......
  }
  
  // Razor View
  @model  ReservFile
  @using (Html.BeginForm("", "", FormMethod.Post, new { @id = "formRowDetails" }))
          {
              @Html.AntiForgeryToken()
              @Html.HiddenFor(model =&gt; model.IdNo)
  
              //Here are the components bound to model  
              ........  
              ........
  
              // This is the unbound component 
              @Html.TextBox("param1", new { @class = "form-control" })
           }
  </code></pre>