title: Post Asp.net Form Using AJAX
body: <p>I am a little new to JQuery. let's suppose that we have this jquery function :</p>
  
  <pre><code>var f = $("#myForm");
  var url = f.attr("action");
  var formData = f.serialize();
  $.post(url, formData, function(data) {
      $("#postResult").html(data);
  });
  </code></pre>
  
  <p>and this form :</p>
  
  <pre><code>&lt;form id="myForm" action="/Monitor/Test/FormPost" method="post"&gt;
      &lt;div&gt;First Name: &lt;input name="FirstName" type="text" value="Bob" /&gt;&lt;/div&gt;
      &lt;div&gt;Last Name: &lt;input name="LastName" type="text" value="Cravens" /&gt;&lt;/div&gt;
      &lt;div&gt;Age: &lt;input name="Age" type="text" value="43" /&gt;&lt;/div&gt;
      &lt;input type="submit" value="Save Contact" /&gt;
      &lt;div id="postResult"&gt;?&lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>How can I bind the save button with the jquery function ? Thank you</p>