title: Ajax.BeginForm inside Html.BeginForm
body: <p>I have a view that is used for editing stuff, say Orders.  Orders have line items that can be added arbitrarily.  So a main view and nested partialviews.  </p>
  
  <p>Each partial should have an ajax form for tweaking quantities of each line item or whatever.</p>
  
  <p>Thus:</p>
  
  <pre><code>Html.BeginForm()
  {%&gt;
      Ship to: blah blah blah  
      &lt;%
      Ajax.BeginForm("EditLineItem", "Order", new { OrderLineItemID = Model.ObjectID }, itemAjaxOptions))
      {
          Item qty blah blah blah
  
          &lt;--! (ajax form's submit button, etc.)--&gt;
      }
      %&gt;
      &lt;--! (ajax form's submit button, etc.)--&gt;
  &lt;%
  }
  </code></pre>
  
  <p>I have a controller that looks like this:</p>
  
  <pre><code>[ActionName("Edit")]
  [AcceptVerbs(HttpVerbs.Post)]
  [ValidateAntiForgeryToken]
  public ActionResult Edit(int orderID)
  {
      blah, blah
  }
  
  [ActionName("EditLineItem")]
  [AcceptVerbs(HttpVerbs.Post)]
  [ValidateAntiForgeryToken]
  public ActionResult EditLineItem(Guid orderLineItemID)
  {
      blah, blah
  }
  </code></pre>
  
  <p>My trouble is that when I submit the Ajax form, I get the Edit method instead of the EditLineItem methods.  Both routes are mapped.  Is there some gotcha like "you can't submit an Ajax form inside of an Html form" that I don't know about?</p>