How to change text on hover and revert to default on mouse out?
===

I have a div which shows count like this:

How can I change the text from 0 to any word for example, when mouse is over the div, and revert it back to 0 when mouse leaves.

I tried this code, but it didn't work.

	$('.post-fav a').bind('mouseenter',function() {
		var default_text = $(this).text();
		$(this).css({'background-position' : 'left bottom', 'color' : '#1871a4'});
		$(this).html('<?php _e('favorite','deluxe'); ?>');
	});
	$('.post-fav a').bind('mouseleave',function() {
		$(this).css({'background-position' : 'left top', 'color' : '#666'});
		$(this).text(default_text);
	});