title: Neither .live(), .delegate() or .on() work for forms loaded dynamically to the page
body: <p>I have a page with infinite scroll. The ajax functionality works fine for forms existing on the page when it initially loads, but doesn't work for forms loaded from the inifinite scroll ajax feature. I've searched for about 5 days trying to find a answer and haven't yet. Here is a portion of the javascript: </p>
  
  <pre><code>$("form:not(.member)").submit(function() {
       var status_id = $('#status_id').val(), 
      etc..........
  </code></pre>
  
  <p>The reason for the <code>:not(.member)</code> part is so the other forms on the page, such as the search form, aren't included in the script.</p>
  
  <p>I've tried   </p>
  
  <pre><code> $("form:not(.member)").live('submit', function() {
  </code></pre>
  
  <p>and</p>
  
  <pre><code> $("form:not(.member)").on('submit', function() {
  </code></pre>
  
  <p>as well as</p>
  
  <pre><code> $('body').delegate('submit', 'form:not(.member)', function() {
  </code></pre>
  
  <p>None of these are working on the forms loaded AFTER the initial page load.
  Does anyone have any other suggestions?
  I'm using jquery 1.7.1 by the way.
  I've also tried  </p>
  
  <pre><code>$("form:not(.member)").bind('submit', function()
  </code></pre>