title: Ajax loader image is not working
body: <p>I want to show ajax loader image.In my rails app i have three different form in a single page.All those page is ajaxified and they are hitting the same controller action.I have added the ajax loader image but when i press one form then the image is shown to all of form in the page.</p>
  
  <p>my js file:
          $("#loading-password").hide();
          $("#loading-address").hide();
          $("#loading").hide();</p>
  
  <pre><code>    $(document).bind("ajaxSend", function(){
  
        $("#loading").show();
        $("#loading-password").hide();
        $("#loading-address").hide();
  
        }).bind("ajaxComplete", function(){
         $("#loading").fadeOut("slow");
  
  });
  
  
       $(document).bind("ajaxSend", function(){
  
         $("#loading-password").show();
         $("#loading-address").hide();
         $("#loading").hide();
  
  
       }).bind("ajaxComplete", function(){
         $("#loading-password").fadeOut("slow");
  
  
  });
  
  
  
     $(document).bind("ajaxSend", function(){
      $("#loading-address").show();
      $("#loading-password").hide();
      $("#loading").hide();
  
      }).bind("ajaxComplete", function(){
       $("#loading-address").fadeOut("slow");
  
     });
  </code></pre>
  
  <p>I have three different div for three form.I dont know whats wrong here.</p>
  
  <p>please help guys .</p>