Question

I ran into some dropdown flickering issue on IE due to mouseover and mouseout , so i changed the code
to hover and live as the data is dynamic from ajax.

But the following code is not working , i got the latest jquery also.

The following code is getting executed without error but not working

$('.cs-rec').live("hover",
        function() {       
        $(this).find('.cs-title').css('text-decoration','underline');
        },
        function() {
         $(this).find('.cs-title').css('text-decoration','none');
        }
    );   

Answer 1

If you don’t need IE6 support, go with @patrick’s solution absolutely.

If you do have to support it: There’s no 2 method overload for .live() you need to split up like this:

$('.cs-rec').live("mouseenter", function() {       
  $(this).find('.cs-title').css('text-decoration','underline');
}).live("mouseleave", function() {
  $(this).find('.cs-title').css('text-decoration','none');
});   

Or, (though it’s not in the docs yet) in jQuery 1.4.3+ can take a map, like this:

$('.cs-rec').live({
  mouseenter: function() {       
    $(this).find('.cs-title').css('text-decoration','underline');
  },
  mouseleave: function() {
    $(this).find('.cs-title').css('text-decoration','none');
  }
});