После создания нового элемента DOM, на нём ничего не работает

let a = $('<div>').prop('id', 'block').html('<button class="button-class">THE BUTTON</button>'); // Создаём элемент
$('body').append(a); // добавляем на страницу
$('.button-class').click(function(){alert('alert')}); // Навешиваем событие

Вот так всё работает. Т.е. дело не в динамическом создании элементов. Скорее всего, ошибка где-то в коде.