Когда операция ajax завершается неудачно, я создаю новый div с ошибками, а затем показываю его в виде диалога. Когда диалоговое окно закрыто, я хотел бы полностью уничтожить и снова удалить div. Как я могу это сделать? Мой код выглядит примерно так:

$('<div>We failed</div>')
    .dialog(
    {
        title: 'Error',
        close: function(event, ui)
        {
            $(this).destroy().remove();
        }
    });

Когда я запускаю это, диалоговое окно отображается правильно, но когда я закрываю его, диалоговое окно все еще видно в html (используя FireBug). Что мне здесь не хватает? Что-то я забыл?

Обновить: Просто заметил, что мой код выдает ошибку в консоли Firebug.

$ (this) .destroy не является функцией

Кто-нибудь может мне помочь?

Обновить: Если я просто$(this).remove() вместо этого элемент удаляется из HTML. Но полностью ли он удален из DOM? Или мне как-то нужно сначала вызвать эту функцию уничтожения?