title: How to make AjaxForm work with several forms loaded using jquery load()?
body: <p>I have a page with a  div that is dynamically filled using a paginator ;-) At page init I load the first 10 forms in it using jquery .load() method.</p>
  
  <p>What I'd like to do is to make all the forms dynamically updatable using AjaxForm plugin. I know about server side, let's call it update.asp. It works.</p>
  
  <p>But there are several questions:</p>
  
  <ol>
  <li><p>How to make plugin work in the first place as the AjaxForm seems not to work to the firms inside a dynamically loaded div?</p></li>
  <li><p>How do I ID and name the forms? Now I used ID and name myForm to all of them (maybe that is why it doesn't work). Because if I use name myForm1, myForm2 etc... I have to write 10 ajaxForm functions that I use:</p>
  
  <pre><code>     $('#myForm').ajaxForm({
         beforeSubmit: showLoader,
         success: hideLoader
   }); 
  </code></pre></li>
  </ol>
  
  <p>I would then need to make this 10 times using myForm1 to myForm10? There must be another way...</p>
  
  <ol start="3">
  <li>How do I make AjaxForm work with the pages that are not loaded yet? I think this is the same problem as 1). Because even page 1 is loaded dynamically somehow the ajaxForm doesn't get bind to the form.</li>
  </ol>
  
  <p>Sorry, I am quite new to jquery,  I am trying hard to study it, I tried this quite some time before I wrote here. If you can help me, I'd be very gratefull.</p>
  
  <p>Yours</p>
  
  <p>Jerry</p>
  
  <p>EDIT: Here is my loader now... It is not working OK, as the loader is never shown, it dissapears so fast I can see it only if I put alert in the hideLoader :-(((</p>
  
  <pre><code>      function load(num){
        showLoader2();
        var link='/obdelaneslike.asp?ID=&lt;%=request.QueryString("IDRecept") %&gt;&amp;offset='+ num
         $('#content').load(link, function(){
          hideLoader2();
          $('.ajax-loader').hide();
  
           $('.myForm').bind("submit", function(event) { 
                     $(this).ajaxForm({
  
                 beforeSubmit: showLoader($(this).find('img.ajax-loader').attr('id')),
             success: hideLoader($(this).find('img.ajax-loader').attr('id'))
  
             }); 
             return false;
                    }); 
  
             });
  
         }
  </code></pre>