tooltip после обновления страницы с помощью js

[gurylyov]

Здравствуйте. Нужна помощь по jQuery.

У меня есть скрипт, который для всех эл-тов на странице, имеющих атрибут title, делает красивый тултип. Этот скрипт сканирует страницу, отыскивая по DOM все эл-ты с title, но делает это единажды. После добавления новых эл-тов с title на страницу с помощью js, он к ним не применяется. Подскажите, пожалуйста, как сделать, чтобы применялся? По возможности желательно минимально влиять на DOM, но это уже как получится.

$(function()
{
	$('[title]').hover(function(){
		// Hover over code
		var title = $(this).attr('title');
		$(this).data('tipText', title).removeAttr('title');
		$('<p class="tooltip"></p>')
		.text(title)
		.appendTo('body')
		.fadeIn('slow');
	}, function() {
		// Hover out code
		$(this).attr('title', $(this).data('tipText'));
		$('.tooltip').remove();
	}).mousemove(function(e) {
		var mousex = e.pageX + 20; //Get X coordinates
		var mousey = e.pageY + 10; //Get Y coordinates
		$('.tooltip')
		.css({ top: mousey, left: mousex })
	});
});

[Great Rash]

Надо завернуть все это дело в функцию, которую вызывать после добавления нового элемента на страницу.