title: How do I target a div when programmatically submitting and MVC Ajax form?
body: <p>I'm using the MVC4 Ajax helper functions on a form and I'd like to submit the form from script.</p>
  
  <p>The problem is when I call the submit function, it does not load into the proper div.  Any thoughts?</p>
  
  <pre><code>@using (Ajax.BeginForm("NewGame", "Home", new AjaxOptions { HttpMethod = "Post", UpdateTargetId = "targetDiv" }, new { id = "newGameForm" }))
  {
      &lt;input type="hidden" name="client_seed" id="client_seed" /&gt;
      &lt;input type="submit" value="New Game" id="NewGameButton" /&gt;
      &lt;a class=button onclick="$('#newGameForm').submit();"&gt;New Game&lt;/a&gt; 
  }
  </code></pre>
  
  <p>Clicking the standard submit button load the results of the call into the targetDiv.  Clicking on the anchor replaces the current div.</p>