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

Question

[Капитан Какао]

Всем привет, есть PHP форма обратной связи с AJAX.
Если все поля заполнены и заявка успешно отправлена, скрипт вставляет в html div c классом .success
Нужно что бы при клике на этот див он скрывался, я сделал так:

$(".success").click(function() {
    $(".success").hide();
});

Но столкнулся с такой проблемой, если вставить в ручную див и обновить страницу, то при клике по диву он скрывается, но когда этот див подставляется динамически скриптом, то почему-то на него не вешается моя функция по закрытию этого дива.

Вопрос, как решить эту проблему?

Answer 1

[Андрей Гончаров]

Ловить надо клик по документу в таком случае и проверять таргет клика. В jquery так:

$( document ).on( "click", ".success", function() {
     $(".success").hide();
});

Comments

[Капитан Какао]

Спасибо большое!

Answer 2

[Олег]

api.jquery.com/on

Comments

[Капитан Какао]

Не могли бы вы конкретизировать? Я в JS не очень силён.
Попробовал так:

$( ".success" ).on( "click", function() {
     $(".success").hide();
});

Всё равно событие не подвязывается к диву которые подставляется аяксом.

[Олег]

$(document).on( "click", ".success" , function() {
$(".success").hide();
});

[Капитан Какао]

Олег: , благодарю.