JQUERY, вызывая диалог, который я создал? Не найти его

Question

Я использую следующий код для создания диалогового окна с использованием JQUERY / UI:

var $dialog2 = $('<div id="sharerdialog2"></div>')
.html('<p>Loading...</p>')
.dialog({
    autoOpen: false,
    title: 'Image Stuffer',
    position: ['center',150],
    width: 450,
    focus:function(event, ui) {
        $('#dialogcloser').click(function() {
            $dialog.dialog('close');
        });
    }, 
    open: function(event, ui) {
        $("#sharerdialog2").load("MyURL.com");
    }
});

Я пытаюсь вызвать диалог, чтобы открыть его, но JQUERY не находит его, используя следующее:

$dialog2.dialog('open');

Странно, если я добавлю следующее после вышеизложенного, оно работает на BIND:

$('#ttttt').click(function() {
$dialog2.dialog('open');
}); 

Есть идеи, почему это так? Как я могу вызвать диалог, чтобы открыть в другой функции?

Спасибо

Answer 1

Вы должны поместить свой код в обработчик событий domready:

$(document).ready(function() {

    $dialog2.dialog('open');

});