Jquery and Internet Explorer compatibility

Jquery and Internet Explorer compatibility

hi guys,... can anyone help please,... 
I have this dialog box popup works with Google Chrome, Firefox,... but NOT with Internet Explorer,... It takes like a regular link and NOT opening dialog box,...  I have to reload the page for it to work,... Once the page is reloads, it start working. Go to any subsequent pages,... stop working until I reload the page "F5" 
How can I fix this...? 

<script type="text/javascript">
$(document).ready(function() {
$('#photo_dialog_<?php echo $photo['Photo']['id'] ?> a').each(function() {
var $link = $(this);
var $dialog = $('<div></div>')
.load($link.attr('href'))
.dialog({
autoOpen: false,
width: 500,
modal: true,
title: 'Report Photo',
});

$link.click(function() {
$dialog.dialog('open');

return false;
});
});
});
</script>

thanks in advance 
chris