Question

I have a js file. It contain the following code:

$("#speedB").change(function () {

    var date = $(this).val();
    $('.fl_near a').removeClass('selected');
    var clientId = $('#wiz_main').data('client');
    var eventId = $('#wiz_main').data('event');
    $.get('/desk/GetSessionScreen', { clientId: clientId, eventId: eventId, date: date }, function (data) {
        $('#step1').html(data);
    });
});

The problem in that element with id speedB not exist on page when page is loaded. It appears later after ajax request. How can I bind event for element created later using jQuery 1.7.2 (methodon`)?
Thanks.

Answer 1

Use .on()

$(document).on("change", "#speedB").(function () {