jQuery replace text of element on hover

Question

With jQuery, I\'m trying to replace the text, including the span, inside these links on hover. Then when the user hover\'s off, the original text is displayed again.

Answer 1

add another function to the hover event like this:

$('.btn').hover(function(){
    $(this).text("I'm replaced!");
}, function() {
    $(this).text("Replace me please");
});

Link for demo