How can I make a submit button issue a post of the form but have the result coming back placed into an element HTML?
<p>I am working on a single page web application. I added the following code for login:</p>

<pre><code>$('#loginLink, #registerLink')
   .click(function () {
      var $link = $(this);
      var href = $link.attr('data-href');
      $('#article').load(href);
   }
   return false;
});
</code></pre>

<p>This works and populates the #article section with the following HTML. Note that I 
stripped out some of the code for this question:</p>

<pre><code>&lt;form action="/User/Account/Login" method="post" novalidate="novalidate"&gt;
...
note there's client side validation on the page but I just don't show it here
...
&lt;ol&gt;
   &lt;li&gt;
      &lt;input id="UserName" name="UserName" type="text" value=""&gt;
   &lt;/li&gt;
&lt;/ol&gt;
&lt;input type="submit" value="Log in"&gt;
&lt;/form&gt;
</code></pre>

<p>When the form appears if I click on the submit then it sends a request to 
the browser and this returns with a new page. Is there a way I can still 
keep the submit action (for client side validation which is on my page) 
but have the result of the submit bring back a page that again displays 
in the #article section?</p>
