title: @Ajax.Actionlink render partialview
body: <p>I am trying to use Ajax.Actionlink to render a partial view. But it only redirects me to the partial view. I also added: <code>&lt;add key="UnobtrusiveJavaScriptEnabled" value="true" /&gt;</code> to webconfig.  Anyone?</p>
  
  <p><strong>My layout.cshtml</strong> Scripts.render and script is in head tag. Ajax.actionlink and div is in body</p>
  
  <pre><code>@Styles.Render("~/Content/css")
  @Scripts.Render("~/bundles/modernizr")
  @Scripts.Render("~/Scripts/jqueries")
  &lt;script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"&gt;&lt;/script&gt;
  
  
  
  @Ajax.ActionLink("Ajax Click", "Document","Home", new AjaxOptions { UpdateTargetId = "result", InsertionMode = InsertionMode.Replace })
  
  &lt;div id="result"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Home controller:</strong></p>
  
  <pre><code>public PartialViewResult Document()
       {
  
                  return PartialView("Document", om);
       }
  </code></pre>
  
  <p><strong>My Document.cshtml</strong> </p>
  
  <pre><code>@model mymodel
  
  
  @foreach (var item in Model)
  { 
              &lt;li&gt;@Html.ActionLink(item.something, "Controller", "Action")&lt;/li&gt;
   }
  </code></pre>