title: MVC 3 PartialView Form - Submit changes URL
body: <p>I have a MVC 3 project that has a simple form which is contained in a PartialView:
  (form is in "<code>&lt;div id="form"&gt; &lt;/div&gt;</code>" in the View that is loading this partial</p>
  
  <pre><code>    @using (Ajax.BeginForm("Submit", "Form", new AjaxOptions
                                                             {
                                                                 HttpMethod = "POST",
                                                                 UpdateTargetId = "form"
                                                             }))
  { .... }
  </code></pre>
  
  <p>My controller is:</p>
  
  <pre><code>        [HttpPost]
      public PartialViewResult Submit(FormElement form)
      {
   ....
    return PartialView("_RequestFormSubmitted");
      }
  </code></pre>
  
  <p>Issue I have is when I submit the form, I get directed to the view result URL (/Form/Submit/) instead of staying on the current page, and having the Partial View returned.</p>
  
  <p>Am I missing something very obvious? 
  Could I be missing a script reference maybe?</p>
  
  <p>I am including the following scripts at the end of the page:</p>
  
  <pre><code>    &lt;script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Edit:</p>
  
  <p>My form is now getting rendered as follows in the HTML</p>
  
  <pre><code>&lt;form action="/Form/Submit" data-ajax="true" data-ajax-method="Post" data-ajax-mode="replace" data-ajax-update="#form" id="form0" method="post"&gt;    &lt;hgroup&gt;
          &lt;h6 class="icon"&gt;&lt;img src="/Content/img/icon/dining.png"&gt; YOUR&lt;br&gt;DINING&lt;br&gt;REQUEST&lt;/h6&gt;
      &lt;/hgroup&gt;
  &lt;ul&gt;
  
      &lt;li class="field type-select"&gt;
          &lt;label for="Name"&gt;Your name&lt;/label&gt;
          &lt;input class="text-box single-line" data-val="true" data-val-required="The Your name field is required." id="Name" name="Name" type="text" value=""&gt;
          &lt;span class="field-validation-valid" data-valmsg-for="Name" data-valmsg-replace="true"&gt;&lt;/span&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;input type="submit" value="Submit"&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>
  </p>