jQuery : handle events of dynamically generated elements

Handle_Events_on_Dynamically_Generated_Elements.js

//SCDGE : Selector of Container containing dynamically generated element
//SDGE : Selector of Dynamically Generated elements
jQuery(<SCDGE>).on('focus',<SDGE>,function () {
    var footerHeight = 200; //footerHeight = footer height + element height + buffer
    var element = $(this);

    if (element.offset().top - ($(window).scrollTop()) > ($(window).height() - footerHeight)) {
        $('html, body').animate({
            scrollTop: element.offset().top - ($(window).height() - footerHeight)
        }, 500);
    }
});