Я добавил функцию закрытия в свое диалоговое сообщение, чтобы очистить содержимое и закрыть его, но когда я пытаюсь открыть другое, оно не открывается

Question

Итак, я пытаюсь открыть диалоговое окно, и когда я закрываю его, я хочу, чтобы его содержимое было очищено при открытии другого.Но проблема в том, что когда я пытаюсь закрыть его, я не могу открыть другой или предыдущий, который я закрыл.

// это часть, когда открывается диалоговое окно.

$(function () {
        $("#dialog-message").dialog({
            resizable: false,
            draggable: false,
            modal: true,
            height: 650,
            width: 1100,
            autoOpen: false,

            title: "Vehicle Detailed Movement Report",
            buttons: {

                Close : function () {
                    $("#dialog-message").html("");
                    $(this).dialog("close");
                }
            }

            });
         });

// это часть, когда я получаю параметр и открываю диалоговое окно

function DisplayMovement(intime, outtime, minoption, plateno, user) {

document.getElementById("mappage").src = "Movementclass-ali.aspx?u=" 
user + "&p=" + plateno + "&r=&l=&bdt=" + intime + "&edt=" + outtime + 
"&m=" + minoption;
        document.getElementById("mappage").style.visibility = "visible";
        $("#dialog-message").dialog("open");
    }

// это мой div

<div id="dialog-message"  title="" style="padding-top: 1px; padding- 
right: 0px;
        padding-bottom: 0px; font-size: 10px; padding-left: 0px; font- 
weight: bold; font-family: Myriad Pro,Lucida 
Grande,Helvetica,Arial,sans-serif; overflow:hidden;" >
        <iframe id="mappage" name="mappage" frameborder="0" 
scrolling="no" height="100%" width="100%" style="visibility: hidden; 
border: solid 1px #aac6ff;" />
    </div>

Я ожидаю очистить iframe при закрытии, поэтому, когда я пытаюсь открыть другой, он не покажет предыдущие загруженные данные, прежде чем он перейдет на новые данные.