I have the following code:


function setTooltip() {
	$('.right ul li img[title]').tooltip({
		tip: '#dynatip',
		offset: [30, 80],
		effect: 'toggle'
	});
}

I also have a function that calls an AJAX request that changes all of the images in .right with new src and title.

I thought that I could just call setTooltip(); again after the new images have loaded, however it just shows the old tooltips and the new titles appear as actual titles in your browser.

Any ideas on how to solve this?