Почему не могу обращаться к элементам страницы, созданными jQuery?

Question

[Лев К]

Всем привет.
Предположим страница пустая и в ней есть только один div с неким id = id_div1
Я добавляю с него другой div с id=id_div2 функцией jQuery insertAfter и добавил в этот div select id='sel' при помощи функции append. Есть ли способы повесить событие на этот select ?
Делаю $('#sel').on('change', function(){ alert('1');}); ничего не выходит, а если без jquery создать элемент, то все замечательно ...

Answer 1

[manst]

$(document).on('change', '#sel', function(){ alert('1');});

Answer 2

[Игорь]

Вы добавили div и повесили на него change событие. У div элементов нет change события.

Comments

[Лев К]

да, а я думал создал выпадающий список с id sel и на него вешаю событие

[Игорь]

Лев К: нужно создавать select со всеми option элементами которые нужны в нем. Затем вешать событие change. Либо делегировать событие на родительских элементах (body, вышестоящие div-ы или на весь document), которые будут всегда существовать на странице. Таким образом будет вызываться bubbling event (api.jquery.com/on - раздел Direct and delegated events). Примеры есть в документации.

[Игорь]

Лев К: я извиняюсь, неправильно прочитал вопрос. Алексей Ярков верно написал вам ответ