Jquery Dialog Issue

Question

hi

i am displaying the jQUERY dialog popup
its working in first time
it not opening second time.

 

<link type="text/css" rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js" ></script>

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

 

<script type="text/javascript">

$(function () {

$('#lnkAddSubTask1').click(function () {

var mydiv = $('#popupdiv');

mydiv.dialog({

autoOpen: true, width: '1250', height:'auto',

open: function (event, ui) { $(".ui-dialog-titlebar-close").hide(); },

modal: true,

//close: function () {

// location.reload();

// //$('body').load('Budgeting.aspx');

//}

buttons: {

Close: function () {

//mydiv.closest('.ui-dialog-content').dialog('close');

window.location.reload();

//mydiv.dialog('close');

// mydiv.css()

}

}

});

// Load the content using AJAX

mydiv.load('AddSubTask.aspx');

// Open the dialog

mydiv.dialog('open');

});

})

</script>

<div id="popupdiv" title="Information" style="display: none">

</div>