Динамическое создание кнопок в цикле - неправильно присваивается onclick

Question

Мне необходимо динамически создать несколько кнопок с присваиванием каждой каких то атрибутов и навешивания onclick. Почему то все кнопки получают событие последней, а не свое собственное. Где я лажанулся и как решить проблему?

var buttons = {
"yes": {title: "Да", onclick: function(){alert('Да')} }, 
"no": {title: "Нет", onclick: function(){alert('Нет')}}
};

for(key in buttons)
{
let button = $("<button />").attr("name", key).html(buttons[key].title);
$("body").prepend(button);


$(button).on("click", function()
{
    buttons[key].onclick();
});
}