Jquery events does not work

Question

I'am trying to change the class of some input elements during some mouse events but only mouseover and mouseout events are working, what can be the reason of this problem ?

    $(document).ready(function(){
       $('.registerFormElements').mouseover(function(){
               this.className='bright';
       });
       $('.registerFormElements').mouseout(function(){
               this.className='';
       });
       $('.registerFormElements').focus(function(){
           this.className='bright';
       });
       $('.registerFormElements').blur(function(){
           this.className='';
       });
    });

Answer 1

Try to use the code :

$(this).attr('class', '');

or

$(this).attr('class', 'myClass');

and you can too

$(this).addClass('myClass');
$(this).removeClass('myClass');