Load partial view after button click
<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>