title: how do get input values from a bootstrap modal popoup in mvc 5 method
body: <p>Please how do i get input values from a bootstrap modal popup from mvc 5 method, i am calling the method from a button click onclick event using this: </p>
  
  <pre><code>&lt;button type="button" class="btn btn-blue" onclick="location.href = '@Url.Action("SaveToDb")';return false;"&gt;
  
  public void SaveToDb(AddressViewModel addrs)
      {
          var addressLine1 = addrs.AddressLine1;
          var addressLine2 = addrs.AddressLine2;
          var city = addrs.City;
  
      }
  </code></pre>
  
  <p>My Form:</p>
  
  <pre><code>&lt;form role="form" class="form-horizontal" method="POST"&gt;
  &lt;!-- start: BOOTSTRAP EXTENDED MODALS --&gt;
  
  &lt;div id="responsive" class="modal fade" tabindex="-1" data-width="760" style="display: none; top: 50px;"&gt;
      &lt;div class="modal-header"&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;
              &amp;times;
          &lt;/button&gt;
          &lt;h4 class="modal-title"&gt;Add Address&lt;/h4&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;
          &lt;div class="form-group"&gt;
              @Html.LabelFor(model =&gt; model.ClientId, htmlAttributes : new { @class = "control-label col-md-2" })
              &lt;div class="col-md-10"&gt;
                  @Html.EditorFor(model =&gt; model.ClientId, new { htmlAttributes = new { @class = "form-control", @ReadOnly = true } })
                  @Html.ValidationMessageFor(model =&gt; model.ClientId, "", new { @class = "text-danger" })
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="form-group"&gt;
              @Html.LabelFor(model =&gt; model.AddressLine1, htmlAttributes : new { @class = "control-label col-md-2" })
              &lt;div class="col-md-10"&gt;
                  @Html.EditorFor(model =&gt; model.AddressLine1, new { htmlAttributes = new { @class = "form-control" } })
                  @Html.ValidationMessageFor(model =&gt; model.AddressLine1, "", new { @class = "text-danger" })
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="form-group"&gt;
              @Html.LabelFor(model =&gt; model.AddressLine2, htmlAttributes : new { @class = "control-label col-md-2" })
              &lt;div class="col-md-10"&gt;
                  @Html.EditorFor(model =&gt; model.AddressLine2, new { htmlAttributes = new { @class = "form-control" } })
                  @Html.ValidationMessageFor(model =&gt; model.AddressLine2, "", new { @class = "text-danger" })
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="form-group"&gt;
              @Html.LabelFor(model =&gt; model.City, htmlAttributes : new { @class = "control-label col-md-2" })
              &lt;div class="col-md-10"&gt;
                  @Html.EditorFor(model =&gt; model.City, new { htmlAttributes = new { @class = "form-control" } })
                  @Html.ValidationMessageFor(model =&gt; model.City, "", new { @class = "text-danger" })
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="modal-footer"&gt;
              &lt;button type="button" data-dismiss="modal" class="btn btn-light-grey"&gt;
                  Close
              &lt;/button&gt;
              &lt;button type="button" class="btn btn-blue" onclick="location.href = '@Url.Action("Savetodb")';return false;"&gt;
                  Save changes
              &lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- ends: BOOTSTRAP EXTENDED MODALS --&gt;
  </code></pre>
  
  <p>
  i have a break point at SaveToDb method, but AddressViewModel object (addrs) is alway null. please any assistance will be appreciated.</p>