title: ASP.NET MVC4 Ajax.ActionLink replaces entire page
body: <p>In my view I have:</p>
  
  <pre><code> @section Header {
       @Scripts.Render("~/bundles/jqueryval")
   }
  
  &lt;div&gt;
      &lt;div&gt;@Ajax.ActionLink("Test", "CurrentTime", new AjaxOptions { UpdateTargetId = "some_div", InsertionMode = InsertionMode.InsertAfter })&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="some_div"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>In header of the result page I see these scripts are referenced:</p>
  
  <pre><code>&lt;script src="/Scripts/jquery-1.6.4.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.unobtrusive-ajax.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.validate.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.validate.unobtrusive.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The link looks there like this:</p>
  
  <pre><code>&lt;div&gt;&lt;a data-ajax="true" data-ajax-mode="after" data-ajax-update="#some_div" href="/Tournament/CurrentTime"&gt;Test&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>In the controller:</p>
  
  <pre><code>public string CurrentTime()
  {
      return DateTime.Now.ToLongTimeString();
  }
  </code></pre>
  
  <p>In my web.config (in the root of the application):</p>
  
  <pre><code>&lt;add key="ClientValidationEnabled" value="true" /&gt;
  &lt;add key="UnobtrusiveJavaScriptEnabled" value="true" /&gt;
  </code></pre>
  
  <p>My problem is: whenever I click the link, the result (current time) always replaces entire page - it is not inserted in / after / before some_div.
  Thanks</p>