jQuery .click（）没有使用AJAX添加动态对象

Question

我有一个页面，显示顶部带有id=button-link的按钮。在按钮之后，还有另一个id为display-content的div。单击按钮后，我正在进行AJAX调用，调出一些内容并将其显示在第二个div中。这是我正在使用的JavaScript代码：

$('#button-link').click(function(event) {
    event.preventDefault();
    $.ajax({
        url: 'site/someAction',
        success: function(result) {
            $('#display-content').html(result);
        }
    });    
});

$('#secondButton').click(function(event) {
    event.preventDefault();
    $.ajax({
        url: 'site/anotherAction',
        success: function(result) {
            $('#display-content').html(result);
        }
    });    
});

这完全符合预期，我在#display-content div中加载了一些文本和HTML元素。其中一个元素是另一个ID为#secondButton的按钮。当用户单击第二个按钮时，我想要另一个AJAX调用到另一个地方并拉出不同的内容以显示在#display-content div中。但是，这不起作用。 jQuery脚本在页面上，它正确加载，并且在第一次AJAX调用之后HTML元素也正确显示在页面上，但似乎#secondButton不是DOM和点击的一部分点击它时不会触发事件。

知道出了什么问题，如何为这个动态添加的按钮注册点击事件？