global ajax method not working

global ajax method not working

i have the following ajax code, the global events "ajaxSend" and  "ajaxComplete" are not working:
any thoughs why?
regards
  1. $(function(){
  2.       $.ajaxSetup ({
  3.         cache: false
  4.     });
  5. $("div#ajax_loading_icon").bind("ajaxSend", function(){
  6.    $(this).css(border:"1px solid red")
  7.  }).bind("ajaxComplete", function(){
  8.    $(this).css(background:"url('')")
  9.  })
  10.  $('#submit_maj_password_email').click(function(){
  11.  var _data= $(this.form).serialize()
  12.   $.ajax({
  13.         type: 'POST',
  14.          //contentType: 'application/x-www-form-urlencoded;charset=iso-8859-1',
  15.         url: 'validation_profil.php?var=maj_password_email',
  16.         beforeSend: function(){
  17.    /* if( $("form#maj_password_email input:[name=email]").val()==""){
  18.    $("form#maj_password_email input:[name=email]").css({border:"1px solid red"})
  19.  }*/
  20.         },
  21.         data:_data,
  22.      global:true,
  23.         cache: false,
  24.         success: function(html){
  25.          $('div#error').fadeIn().html(html)
  26.          /*if($("div#valid_err_login").html()=="merci"){
  27.             $("form#maj_password_email input:[name=email]").css({border:"1px solid gray"})
  28.             }*/
  29.         }
  30.      })
  31.  })
  32.   })