How to bind blur and focus events together?

How to bind blur and focus events together?

I am having an issue of binding blur and focus events together.

Here is the situation:

I would like form input fields to change background colors when the user either hovers over the field or is actually typing with in the field. When the user is not near this field the will go back to a static state. I am not sure how to bind these to together so the will work in sync.

Here is my code that I have produced for this:
      $('.right .text-field, #datepicker, .right .text-pass, .right .file_1').hover(function(){
         $(this).removeClass('background-static');
         $(this).addClass('background-focus');
      },function(){
         $(this).removeClass('background-focus');
         $(this).addClass('background-static');
      });

      $('.right .text-field, #datepicker, .right .text-pass, .right .file_1').focus(function(){
         $(this).removeClass('background-static');
         $(this).addClass('background-focus');
      });

      $('.right .text-field, #datepicker, .right .text-pass, .right .file_1').blur(function(){
         $(this).removeClass('background-focus');
         $(this).addClass('background-static');
      });


Thank you for helping