Отобразите диалоговое окно jQuery в родительском окне

У меня есть веб-сайт, который использует iframe. Сам iframe является содержанием веб-сайта. Теперь в iframe я хотел бы использовать Диалоговое окно jQuery. Однако, когда использование его, наложение и диалоговое окно только отображено в iframe не на родителе. Моему родительскому HTML определили следующий HTML для диалогового окна:

<div id="modalHolder"></div>

В моем iframe я использую следующий JavaScript, чтобы создать диалоговое окно и показать его.

dlg1 = $(window.parent.document.getElementById("modalHolder"));
dlg1 = dlg1.dialog({
    width: 300,
    height: 150,
    modal: true,
    autoOpen: false,
    resizable: false,
    closeOnEscape: false,
    draggable: false,
    overlay: 
    {
        backgroundColor: 'red',
        opacity: 0.65
    },
    open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
});

Для показа диалогового окна, я использую это:

dlg1.dialog('open');