Не могу кликнуть на клиентском коде ejs

Question

Допустим, у меня есть этот код.

 $(window).scroll(function (event) {
        event.preventDefault();
        if ($(window).scrollTop() == $(document).height() - $(window).height()) {                                                             
                 var ex= ejs.render('<button id="ex">EXAMPLE</button>');
                  $("#mainContainer").append(ex);                                                          
                 }});

Что это делает, когда я прокручиваю вниз страницы, появляется кнопка. Но я не могу обнаружить какое-либо действие, когда нажимаю на эту кнопку. Как это:

$(document).ready(function (event) { $('#ex').on('click',function () {
    alert('clicked');
}); });

Не могу разобраться в проблеме. Есть идеи?