How to use tooltip in the calendar component？

[officecode]

Code:

$('#c').calendar({
	width:300,
	height:250,
	formatter: function (date) {
		var d = date.getDate();
		if (d == 1){
			var tt = "<img src='ep.jpg'>";
			return '<div class="icon-search md easyui-tooltip" title="'+ tt +'">' + d + '</div>';
		}
		return d;
	}
});

The display is normal when the calendar is first opened. However, once you change to another month, the tooltip will not work.
Please help, thank you!

[jarry]

Please refer to the code below:

Code:

$('#c').calendar({
	width:300,
	height:250,
	formatter: function (date) {
		var d = date.getDate();
		if (d == 1){
			var tt = "<img src='ep.jpg'>";
			return '<div class="icon-search md easyui-tooltip" title="'+ tt +'">' + d + '</div>';
		}
		return d;
	},
	onNavigate: function(year,month){
		$(this).find('.md').on('mouseenter', function(){
			$(this).tooltip({
				onHide: function(){
					$(this).tooltip('destroy')
				}
			}).tooltip('show')
		});
	}
});

[officecode]

Thanks, the effect is very good, and I learned a new event onNavigate.