обработчик событий на динамически добавленном элементе не работает с плагином select2

Я сделал это миллион раз раньше, но на этот раз это просто не сработает! У меня есть функция, которая динамически добавляет форму со ссылкой, которая будет действовать как кнопка

content += '<a name="btn-opprettKontakt" id="btn-opprettKontakt" class="btn-opprettNy btn btn-small btn-primary pull-right" data-action="opprettKontakt">Opprett</a>';
return content;

Тогда у меня есть этот обработчик событий для ссылки

$('body').on('click','.btn-opprettNy', function() {
                alert('button clicked');
            });

Форма находится внутри контейнера select2, который также динамически добавляется, поэтому нет родительского элемента, кроме "тела". Но это никогда не срабатывает.

У меня также есть обработчик событий для всех элементов "кнопки", которые проверяют действие данных, которое работает на всех других кнопках. Если я изменю эту ссылку на кнопку, она никогда не срабатывает.

Я что-то упустил? .on() должен работать для динамически добавленных элементов, если я использую элемент, который существует на document.ready, например, "body", правильно? Может быть, контейнер select2 перепутал?

У меня есть другие обработчики событий по динамически добавленным элементам, которые работают очень хорошо.

ОБНОВИТЬ

Select2 убивает все события мыши внутри выпадающего меню. Единственным решением, которое я нашел до сих пор, является использование встроенного onclick