Не удалось заставить jQuery on() регистрировать динамически добавляемый контент.

Я новичок в методе on() в jQuery, но пришло время использовать его.

У меня есть две функции для нажатия определенных кнопок. Каждая функция работает с любыми элементами изначально на странице, но не с любым динамически добавляемым содержимым (больше одинаковых кнопок). Я понимаю, что мне нужно использовать функцию on() после прочтения других ответов здесь и в Google, но у меня все еще возникают проблемы. В любом случае, код:

jQuery("ul#THEBUTTONS").on({
    click: function(event){
        event.preventDefault();
        console.log("apaz clicked");
    }
}, "a.azaz");


jQuery("ul#THEBUTTONS").on({
    click: function(event){
        event.preventDefault();
        console.log("mapaz clicked");
    }
}, "a.mapaz");

Любая помощь будет очень признательна, рву на себе волосы.