Не работает jquery внутри ballon

myPlacemark = new ymaps.Placemark([55.907228, 31.260503], {
        balloonContentHeader: "Балун метки",
        balloonContentBody: "<button class='set-moderated'>модерировать</button>",
        balloonContentFooter: "Подвал",
        hintContent: "Хинт метки"
    });
$('.set-moderated').on('click', function() {
    alert('успешно промодерировано');
});

создаю метку с балуном, в balloonContentBody вписываю html c классом 'set-moderated' для срабатывания события jquery, но оно не срабатывает. Знаю, что есть решение через создание своего шаблона. Но есть ли более простое решение? Ведь у меня на сайте используются много виджетов, и они все стандартизированно рендерятся, куда мне нужно,- я их прям туда в balloonContentBody и рендерю, и переписывание шаблонов мне как-то не очень нравится.