title: Why does setting UnobtrusiveJavaScriptEnabled = true prevent ajax from working?
body: <p>While doing a sample using MVC3 razor, I wrote:</p>
  
  <pre><code>&lt;p&gt;
      Show me the time in:
      @Ajax.ActionLink("UTC", "GetTime", new { zone = "utc" }, new AjaxOptions { UpdateTargetId = "myResults" })
      @Ajax.ActionLink("BST", "GetTime", new { zone = "bst" }, new AjaxOptions { UpdateTargetId = "myResults" })
      @Ajax.ActionLink("MDT", "GetTime", new { zone = "mdt" }, new AjaxOptions { UpdateTargetId = "myResults" })
  &lt;/p&gt;
  &lt;div id="myResults" style="border: 2px dotted red; padding: .5em;"&gt;
      Results will appear here
  &lt;/div&gt;
  &lt;p&gt;
      This page was generated at @DateTime.UtcNow.ToString("h:MM:ss tt") (UTC)
  &lt;/p&gt;
  </code></pre>
  
  <p>None of my ajax calls worked until I changed this key in web.config:</p>
  
  <pre><code>&lt;add key="UnobtrusiveJavaScriptEnabled" value="true"/&gt;
  </code></pre>
  
  <p>I read in this article: <a href="http://weblogs.asp.net/owscott/archive/2010/11/17/mvc-3-ajax-redirecting-instead-of-updating-div.aspx" rel="nofollow noreferrer">http://weblogs.asp.net/owscott/archive/2010/11/17/mvc-3-ajax-redirecting-instead-of-updating-div.aspx</a><br>
  But now my client-side validation is not working as before.</p>
  
  <p><strong>My question is</strong>: how do I make both the ajax and client-side validations work at the same time? What does the "UnobtrusiveJavaScriptEnabled" do? Is it a switch between them?! I hope to understand more about it in simple terms.</p>