jquery对话框关闭按钮不起作用

Question

这是我的jquery文件，这里“updatedata”是jsp上的一个外部按钮打开这个对话框。我有一个问题是第一次关闭对话框完全关闭但第二次给我错误。如果我使用默认关闭按钮对话框它也是第一次工作然后它需要多个clikcs来close.plz帮助 这是我的html文件，它在dialog1.both中加载单独的文件。

$(document).ready(function () {
    var $dialog1 = $("<div></div>");
    $('#updatedata').click(function (event) {
        event.preventDefault();
        $dialog1.load('dialog.html').dialog({
            autoOpen: false,
            modal: false,
            height: 560,
            width: 700,
            draggable: false,
            title: "Update Ship-To Information"
        }).prev().find(".ui-dialog-titlebar-close").hide();
        $dialog1.dialog({
            modal: true
        });
        $dialog1.dialog("open");
        return true;
    });
    $("#image1").click(function (event) {
        event.preventDefault();
        var butn = $("#updatedata").prop("name");
        $.ajax({
            url: "Mediator?action=165&butn=" + butn + "&add1=" + $("#add1").val() + "&add2=" + $("#add2").val() + "&postalcode=" + $("#postalcode").val() + "&street=" + $("#street").val() + "&city=" + $("#city").val() + "&country=" + $("#country").val(),
            type: "POST",
            ContentType: false,
            success: function (msg) {
            }
        });
        alert("Form Submitted Successfully");
        location.reload(true);
        return true;
    });
    $("#image2").click(function (event) {
        event.preventDefault();
        jQuery(".ui-icon-closethick").trigger('click');
    });
});

<div id="login-box" class="login-popup">
    <form id="overrideshiptoform" class="signin">
        <div id="images" style="margin-top:20px;">
            <label id="update">Update</label>
            <Input type="image" id="image1" src="update-1.gif" value="Submit">
            <label id="CancelUpdate">Cancel Update</label>
            <Input type="image" id="image2" src="arrow.gif">
        </div>
    </form>
</div>