jQuery выбирает динамически созданный элемент html

Есть много заданных вопросов с почти похожими названиями с этим моим вопросом, но вы знаете, я не нашел отвечать.

Мой простой вопрос: :У меня есть кнопка, когда я нажимаю на нее, javascript создает модальное окно

     html here... 
     Close

сразу после тега .

Я могу без проблем связать событие нажатия кнопки закрытия с помощью jQuery live:

$("#closeButton").live("click", function() { 
    alert("asdf"); // it calls
    $("body").find(".aui-dialog").remove();
});

Моя проблема , я не могу выбрать этот динамически созданный модальный блок div по его имени класса. Чтобы я мог вызвать метод jQuery.remove (), чтобы выполнить действие закрытия. Теперь я знаю, что с динамическими элементами надо поступить иначе.

Каким образом?

РЕДАКТИРОВАТЬ:
Я думаю, важно упомянуть об этом:
Я не создаю модальное окно самостоятельно, я использую liferay портал. Он построен -на основе javascript AUI(YUI ), который создает это модальное окно. Я могу просто создать эту кнопку закрытия внутри него в его представлении.

РЕДАКТИРОВАТЬ 2:
Значение атрибута класса div модального окна: :" aui -компонент aui -панель aui -диалог aui -виджет -positioned "