selecting dom elements after html was inserted in a page with ajax

Question

I created an ajax tab navigation with html being inserted into the page. the code looks like this:

$.ajax({
        type: \'POST\',
        url: \'main/ajaxj         


        

Answer 1

Run this once, after the page's first load.

$("body").delegate('#chapters-select','change', function(){
    alert('changed');
});

It's equivalent to @gdoron's answer, but is compatible with versions of jQuery older than 1.7