title: Show image with Ajax and beforeSend
body: <p>I am relative new to jquery and ajax, and I am amazed about the possibilities!</p>
  
  <p>I am working on my first ajax, jquery (with validation plugin) webform. It's almost done, but a little thing I do not understand. I want to show a loading icon and disable the sending button with the beforeSend method. But it does not work and chrome does not show any error messages.</p>
  
  <p>Here is the code</p>
  
  <pre><code>$(document).ready(function(){
  $("#Formular").validate({
      rules: {
          name: "required",
          email: {
              required: true,
              email: true
          },
          yname: "required",
          yemail: {
              required: true,
              email: true
          }  
      },
      submitHandler: function(form) {
          theUrl = 'send.php';
          var params = $(form).serialize();
          $.ajax ({
              type: "POST",
              url: theUrl,
              data: params,
              beforeSend : function(){
                  $('.loading_icon').show();
              },              
              processData: false,
              async: false,
              success: function(response) {
                  $('#response').hide();
                  $('#response').html(response);
                  $('#response').fadeIn('slow');
                  $('.loading_icon').hide();  
              }
          });
      }
  });
  </code></pre>
  
  <p>});</p>
  
  <p>The loading Icon does not show up. It worked before the submitHandler, so the css is right and the image also.</p>
  
  <p>Here the part which does not anything:</p>
  
  <pre><code>                beforeSend : function(){
                  $('.loading_icon').show();
              },  
  </code></pre>
  
  <p>I searched here and in the documentation also, but I did not found any solution. Thanks for any help!</p>