title: jQuery - Post Form Loaded from another page using AJAX
body: <p>I am trying to use JQuery to submit a form without reloading the page.  Although this works well with the jQuery Form Plugin on a standalone page I need it to work on a page I've loaded with AJAX.</p>
  
  <p></p>
  
  
  
  <pre><code>&lt;script type="text/javascript"&gt; 
    $('#LoadForm').click(function() {
      $('#formDiv1').load('FormGen.asp');
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>When I click submit on the loaded form however, the form submits and refreshes the page instead of submitting with just AJAX.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt; 
   // wait for the DOM to be loaded 
   $(document).ready(function() { 
     // bind 'myForm' and provide a simple callback function 
     $('#myForm').ajaxForm(function() { 
        alert("Thank you for your comment!"); 
     }); 
   }); 
  &lt;/script&gt; 
  </code></pre>
  
  <p>If I put the code in the page I call and use that standalone it works perfect.  It doesn't however work when I am attempting to load the form from another page.</p>