使用ajax调用动态添加元素后，jquery事件不起作用

Question

its weird that all my jquery events turn unresponsive after a ajax call. Im a load function call and once the jsp reloads all the events just do not respond. any help ?

the following is the code which triggers the function call.

$('#personTypeId').on('change', function() {
    var selectId = document.getElementById("personTypeId").value;
    if (selectId == 1 || selectId == 4 || selectId == 8) {
        $("#directoryFilter").load("directory/filters #directoryFilter",{"selectId" : selectId  });

    }
});

Answer 1

$(document).on("change", "#personTypeId", function(){
    var selectId = document.getElementById("personTypeId").value;
    if (selectId == 1 || selectId == 4 || selectId == 8) {
            $("#directoryFilter").load("directory/filters #directoryFilter",{"selectId" : selectId  });
    }
});