title: Ajax.BeginForm results in redirect to partial view instead of in-place
body: <p>My Search.cshtml has a div named "search-results" that is to be updated. SearchResults is the action name. I have done this many times on MVC2/VS2008 projects, but this is my first using MVC3 and VS2010.</p>
  
  <p>The problem is, instead of my search result being rendered in my div, it clicking submit is redirecting me displaying my partial as a standalone page.</p>
  
  <p>I have read that this may be because Ajax is not enabled.  My _Layout.cshtml looks like this:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;@ViewBag.Title&lt;/title&gt;
      &lt;script src="@Url.Content("~/Scripts/2011.2.712/jquery-1.5.1.min.js")"  type="text/javascript"&gt;&lt;/script&gt;
      &lt;link href="@Url.Content("~/Content/themes/base/jquery.ui.core.css")" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="@Url.Content("~/Content/themes/base/jquery.ui.datepicker.css")" rel="stylesheet"  type="text/css" /&gt;
      &lt;link href="@Url.Content("~/Content/themes/base/jquery.ui.theme.css")" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="@Url.Content("~/Content/main.css")" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="@Url.Content("~/Scripts/2011.2.712/jquery-1.5.1.min.js")" type="text/javascript"&gt;&lt;/script&gt;
      @(Html.Telerik().StyleSheetRegistrar().DefaultGroup(group =&gt; group.Add("telerik.common.css").Add("telerik.transparent.css").Combined(true).Compress(true))) 
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="page"&gt;
          &lt;div id="header"&gt;
              &lt;div id="title"&gt;
                  &lt;h1&gt;My MVC Application&lt;/h1&gt;
              &lt;/div&gt;
  
              @(Html.Telerik().Menu()
                      .Name("menu")
                      .Items(menu =&gt; {
                          menu.Add().Text("Home").Action("Index", "Home");
                          menu.Add().Text("About").Action("About", "Home");
                          menu.Add().Text("Employees").Action("List", "Employee");
                      }))
          &lt;/div&gt;
  
          &lt;div id="main"&gt;
              @RenderBody()
              &lt;div id="footer"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      @(Html.Telerik().ScriptRegistrar().DefaultGroup(group =&gt; group.Combined(true).Compress(true)))&lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Do I need to add MicrosoftMvcAjax.js or jquery.unobtrusive-ajax.js in? My web.config (root) contians the following:</p>
  
  <pre><code>  &lt;appSettings&gt;
      &lt;add key="ClientValidationEnabled" value="true" /&gt; 
      &lt;add key="UnobtrusiveJavaScriptEnabled" value="true" /&gt; 
    &lt;/appSettings&gt;
  </code></pre>
  
  <p>If I add MicrosoftMvcAjax.js in at the end of the  element, I get an error sayning namespace 'Type' is undefined error from the first line of MicrosoftMvcAjax.js:</p>
  
  <pre><code>    Type.registerNamespace('Sys.Mvc');Sys.Mvc.$create_AjaxOptions=function(){return {};}
  </code></pre>
  
  <p>What am I missing here.  I am sure my code is fine, as it copied alsmost verbatim from my MVC2 projects.</p>