title: @Ajax.ActionLink not replacing partial view
body: <p>I want to replace a div with a view using <code>@Ajax.actionLink</code> when I click on that link, but it isn't working.</p>
  
  <p>Here is my link:</p>
  
  <pre><code>&lt;div&gt;
   &lt;li&gt;   @Ajax.ActionLink("settings","Create","Test",
  
  
  new AjaxOptions { UpdateTargetId = "components" , InsertionMode = InsertionMode.Replace}
  )  &lt;/li&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my target div:</p>
  
  <pre><code>&lt;div id="components"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have also included these js file in the layout like that:</p>
  
  <pre><code>    &lt;script src="~/Scripts/Controls/jquery-2.0.3.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Scripts/jquery.unobtrusive-ajax.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Scripts/jquery.validate.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Scripts/jquery.validate.unobtrusive.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Scripts/modernizr-2.5.3.js"&gt;&lt;/script&gt; 
  </code></pre>
  
  <p>And my action result:</p>
  
  <pre><code>    public PartialViewResult Create()
      {
          return PartialView("Create");
      }
  </code></pre>