Jquery: dialog box only shows once per click

JavaScript
1

Hello,
I have a series of “links & divs” like these:


<a class="pop" href="popup.asp?PD=12>Hotel XXX</a>
<div class="details" title="Hotel XXX"></div>

<a class="pop" href="popup.asp?PD=52>Hotel YYY</a>
<div class="details" title="Hotel YYY"></div>

...

I’m using the following javascript, and it works very nice except the fact that I can open the dialog only once per click


$('.pop').click(function(event) {
	event.preventDefault();
	$(this).next('div.details').load($(this).attr('href')).dialog({
		modal: false,
		height: 400,
		width: 500
	});
})

I read somewhere that I have to use the “autoOpen: false” feature, but I have no idea on where to put this

Please, can you help?
Thanks