设置超时JS jQuery后，为什么单击事件不起作用？

Question

我当前正在尝试在用户将鼠标悬停在元素上时在div元素上添加按钮的操作。有时可以使用，但是该按钮似乎在div加载之前就挂在了前面，有时将其放置在错误的位置。

我想解决这个问题的想法是在按钮的前面设置一个超时时间-似乎可以，但是它使按钮不可点击。

我该如何解决这个问题？

这是我的代码：

setTimeout(function() 
    $('#myDiv').prepend('<button id="deleteButton" class="btn btn-large btn-danger">Delete</button>');                          
}, 2000);

此代码段是在超时之后

$('#deleteButton').on('click', function() {
    console.log('Initial Delete Clicked');
});

当我删除setTimeout函数时，它可以正常工作。为什么会这样？