title: Load partial view after button click
body: <p>I have this issue, have search a lot but with now correct answer.</p>
  
  <p>I have a contact form in the footer, on my _Layout page, but when I clicked the button the partial view is open in a new page.</p>
  
  <p>I have remember to include the jquery.unobtrusive-ajax.js. Here is what I have.</p>
  
  <p>Controller :</p>
  
  <pre><code>[HttpGet]
      public ActionResult Call()
      {
          return PartialView("_PartialFooter");
      }
  
      [HttpPost]
      [ValidateAntiForgeryToken]
      public ActionResult Call(CallMe callMe)
      {
          if(ModelState.IsValid)
          {
  
          }
          return PartialView("_PartialFooter");
      }
  </code></pre>
  
  <p>_Layout the scripts is above the Body tag in the bottom</p>
  
  <pre><code> @using (Ajax.BeginForm("Call", "Home", new AjaxOptions { UpdateTargetId = "result" }))
                              {
                                  &lt;div id="result" class="margin-bottom-5"&gt;
                                      @Html.Action("Call", "Home")
                                  &lt;/div&gt;
                                  &lt;button class="btn btn-common-small margin-bottom-10 pull-right" type="submit"&gt;Send&lt;/button&gt;
                              }
  
  @Scripts.Render("~/bundles/jquery")
      @Scripts.Render("~/bundles/bootstrap")
      @Scripts.Render("~/bundles/myscripts")
      @RenderSection("scripts", required: false)
  @section Scripts {
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"&gt;&lt;/script&gt;
  
  }
  </code></pre>
  
  <p>_PartialFooter (the partial view)</p>
  
  <pre><code>@model servicemadsen.Models.CallMe
  
  
  @Html.AntiForgeryToken()
      &lt;div class="row"&gt;
          &lt;div id="result" class="margin-bottom-5"&gt;
  
  
              &lt;div class="col-md-6"&gt;
                  @Html.EditorFor(model =&gt; model.Name, new { htmlAttributes = new { @class = "form-control", @placeholder = "Navn" } })
              &lt;/div&gt;
              &lt;div class="col-md-6"&gt;
                  @Html.EditorFor(model =&gt; model.Phone, new { htmlAttributes = new { @class = "form-control", @placeholder = "Telefon" } })
              &lt;/div&gt;
              &lt;div class="col-md-12"&gt;
                  @Html.TextAreaFor(model =&gt; model.CallMeMessage, new { @class = "form-control", @placeholder = "Besked", @cols = 80, @rows = 7 })
              &lt;/div&gt;
              &lt;div class="col-md-12"&gt;
                  @Html.ValidationMessageFor(model =&gt; model.Name, string.Empty, new { @class = "field-validation-error" })
                  @Html.ValidationMessageFor(model =&gt; model.Phone, string.Empty, new { @class = "field-validation-error" })
                  @Html.ValidationMessageFor(model =&gt; model.CallMeMessage, string.Empty, new { @class = "field-validation-error" })
              &lt;/div&gt;
  
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>Hope someone could help, its probaly some dummy thing that I need</p>