title: Load partial view into div
body: <p>I'm trying to load a partial view into a div from a calling view, however the
  partial view loads into a new page.  There isn't much code to it and I've tried various
  ways from other posts, but it still loads into a new page. So I think I might be missing something fundamental.</p>
  
  <p><strong>Controller</strong></p>
  
  <pre><code>[AcceptVerbs(HttpVerbs.Get)]
  public ActionResult Index()
  {
      return View();
  }
  
  public ActionResult Test()
  {
      return PartialView("Test");
  }
  </code></pre>
  
  <p><strong>View</strong></p>
  
  <pre><code>&lt;script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"&gt;&lt;/script&gt;
  
  @using (Ajax.BeginForm("Test", "Home", new AjaxOptions { InsertionMode=InsertionMode.Replace, UpdateTargetId = "mydiv" }))
  {    
      @Ajax.ActionLink("Save", "Test", "Home", new AjaxOptions{ });
  }
  
  &lt;div id="mydiv"&gt;
      @Html.Partial("Test")
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>PartialView</strong> </p>
  
  <pre><code>&lt;h1&gt;Test&lt;/h1&gt;
  </code></pre>