title: jQuery AJAX Preloader Problem
body: <p>Hi I am using this script for submitting my form data to php page its working well...</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {  
      $('#preloader').hide();     
      $('#preloader')
          .ajaxStart(function(){
              $(this).show();
          }).ajaxStop(function(){
              $(this).hide();
          });                                                 
      $('#form form').submit(function(){
          $('#content').empty();
          $.get('data.php', $(this).serialize(), function(data){                          
              $('#content').html(data);
          });         
          return false;
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>But the problem is if jquery fails to load or if javascript is turned off in browser the hide function continues to display what i need is ... the loading div only shows up if jquery loads successfully or is there any other trick for doing that Thankyou...</p>