Как закрыть диалоговое окно с помощью jQuery?

Я использую приведенный ниже код для динамического создания виджета диалогового окна jQuery UI:

 $(function () {
        var Selector = $("a:contains('sometext')");
        $(Selector).bind('click', function () {
            var NewDialog = "
";
            var DialogContetn = '
';
            $('body').append(NewDialog);
            $('#MenuDialog').html(DialogContetn);
            $('#MenuDialog').hide();
            $('#MenuDialog').dialog({ modal: true, title: "title", show: 'clip', hide: 'clip' });
            $("#btnCloseDialog").live('click', function () {
                $("#MenuDialog").dialog('close');
            });
            return false;
        });
    });

Сначала при загрузке диалоговое окно jQuery работает правильно, и когда я нажимаю на btnCloseDialog, диалоговое окно jQuery закрывается успешно.

Однако после этого btnCloseDialog больше не закрывает диалоговое окно. Почему это происходит?

Обновление

Я поместил свой код в jsfiddle .

Это странное поведение, потому что кнопка закрывает диалоговое окно должным образом в jsFiddle, но не в диалоговом окне в моем проекте.