jQuery：在动态添加的HTML上触发点击事件

我将一个表单动态添加到<div>使用jQuery的表单中，并通过Ajax检索了一些数据（用于更新某些记录）。问题是我无法在此表单上触发click事件，因为我认为它是在文档准备好之后创建的。我需要触发该事件以再次调用Ajax并将新数据保存在数据库中。

基本上，这会将表单创建到<div id="#result">：

jQuery(document).ready(function ($) {
    $.ajax({
        [...]
        success: function(data) {
            $('#result').html(
                '<form name="form_name_here">' +
                    '<input type="text" value="' + data[0].it + '">' +
                    [...]
                    '<input type="button" id="update_record" value="Save"> ' +
                '</form>'
            );
        }
    });
});

但这将不起作用：

jQuery(document).ready(function ($) {
    $.ajax({
        [...]
    });
    $('#update_record').click(function () {
        console.log('test');
    });
});

我也尝试了$('#update_record').on('click', function() {，但没有成功。