title: Ajax.beginform loading new page
body: <p>So i am using ajax.beginform to load the data and for some reason the results are loaded in a new page. everything ive read online leads me to believe its because im not including the right scripts but im struggling to figure out what im doing wrong. I even tried adding the script tags to the top of each view and the results were the same.</p>
  
  <p>Here is my _Layout.cshtml</p>
  
  <pre><code>&lt;div class="container body-content"&gt;
      @RenderBody()
      &lt;hr /&gt;
      &lt;footer&gt;
          &lt;p&gt;&amp;copy; @DateTime.Now.Year - AL SE Tool&lt;/p&gt;
      &lt;/footer&gt;
  &lt;/div&gt;
  
  @Scripts.Render("~/bundles/jquery")
  @Scripts.Render("~/bundles/jqueryval")
  @Scripts.Render("~/bundles/bootstrap")
  @RenderSection("scripts", required: false)
  </code></pre>
  
  <p>The Controller</p>
  
  <pre><code>    public ActionResult CheckCust(ClientCheckModels clientCheck)
      {
          CustomerInfo custInfo = new CustomerInfo(clientCheck.CustomerId);
          DataModel dataModel = custInfo.GetClientData();
         return PartialView("_ClientResults",dataModel);
      }
  </code></pre>
  
  <p>The main view</p>
  
  <pre><code>&lt;div id="clientdata"&gt;
      @using (Ajax.BeginForm("CheckCust", "ClientCheck", new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "clientdata", InsertionMode = InsertionMode.Replace }))
      {
  
          &lt;div class="form-group"&gt;
              @Html.LabelFor(model =&gt; model.CustomerId, htmlAttributes: new { @class = "control-label col-md-2" })
              &lt;div class="col-md-10"&gt;
                  @Html.EditorFor(model =&gt; model.CustomerId, new { htmlAttributes = new { @class = "form-control" } })
                  @Html.ValidationMessageFor(model =&gt; model.CustomerId, "", new { @class = "text-danger" })
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;input type="submit" value="Submit" class="btn btn-default" /&gt;
  
      }
      &lt;br /&gt;&lt;br /&gt;
          @{Html.Partial("_ClientResults", Model);}
  &lt;/div&gt;
  </code></pre>
  
  <p>The partial view</p>
  
  <pre><code>@model SETools.Models.DataModel
  &lt;br /&gt;
  
  @if(Model != null)
  { 
  &lt;h3&gt;Threat Appliances&lt;small&gt;@Html.DisplayFor(model =&gt; model.ThreatManager.Appliances.Count)&lt;/small&gt;&lt;/h3&gt;
  
  &lt;h3&gt;Protected Hosts &lt;small&gt;@Html.DisplayFor(model =&gt; model.ThreatManager.ProtectedHosts.Count)&lt;/small&gt;&lt;/h3&gt;
  &lt;h3&gt;Hosts with Errors &lt;small&gt;@Html.DisplayFor(model =&gt; model.ThreatManager.HostErrors)&lt;/small&gt;&lt;/h3&gt;
  &lt;h3&gt;New Hosts &lt;small&gt;@Html.DisplayFor(model =&gt; model.ThreatManager.HostNew)&lt;/small&gt;&lt;/h3&gt;
  &lt;h3&gt;Ok Hosts &lt;small&gt;@Html.DisplayFor(model =&gt; model.ThreatManager.HostOk)&lt;/small&gt;&lt;/h3&gt;
  &lt;h3&gt; 
  &lt;rest removed to shave space&gt;
  </code></pre>