Javascript无法识别创建的按钮

我有一些Javascript，当ajax表单提交成功时，它会创建一个按钮。重新加载页面时，按钮将呈现到页面上。

它是一个简单的javascript组合形式，用于向表中添加一个项，并使用remove按钮删除该项。

我运行了一个diff工具，提交表单和创建按钮以及用已经创建的按钮重新加载页面之间没有任何区别。这让我相信Javascript无法识别正在创建的按钮。

这里有一些代码：

这是我的javascript方法

$('button#proxy_remove_given').click(function() {
        $.ajax({
            url: $('button#proxy_remove_given').attr('action'),
            type: 'POST',
            data: $('form#proxy_submit_form').serialize(),
            success: function(responce) {
                if ("Success" == responce) {
                    var username = $('button#proxy_remove_given').attr('name');
                    $('#given_proxy_access_table tr#'+username).remove();
                    var table_length = document.getElementById("given_proxy_access_table").rows.length;
                    if (table_length == 0) {
                        var table = document.getElementById("given_proxy_access_table");
                        var new_row = table.insertRow(0);
                        new_row.id = "NoProxyRow";
                        var cell1 = new_row.insertCell(0);
                        var cell2 = new_row.insertCell(1);
                        cell1.innerHTML = "<p>No Proxies Found</p>";
                        cell2.innerHTML = "<button data-toggle='"collapse'" data-target='"#add'">Add</button>";
                    }
                }
            }
        });
    });

以下是添加按钮的javascript

$('button#proxy_submit').click(function() {
        $.ajax({
            url:'proxy/submit',
            type: 'POST',
            data: $('form#proxy_submit_form').serialize(),
            success: function(responce) {
                if ("Success" == responce) {
                    var table = document.getElementById("given_proxy_access_table");
                    if (table.rows.length == 1) {
                        if (table.rows[0].id == "NoProxyRow") {
                            document.getElementById("given_proxy_access_table").deleteRow(0);
                        }
                    }
                    var username = document.getElementById('id_proxy_username').value
                    var new_row = table.insertRow();
                    new_row.id = username;
                    var cell1 = new_row.insertCell(0);
                    var cell2 = new_row.insertCell(1);
                    cell1.innerHTML = "<p>{0}</p>".replace(/'{0'}/g,username);
                    cell2.innerHTML = "<button type='"submit'" name='"{0}'" id='"proxy_remove_given'" action='"proxy/remove/given/{0}'">Remove</button>".replace(/'{0'}/g,username);
                    document.getElementById("proxy_submit_form").reset();
                }
            }
        });
    });

知道javascript为什么不能识别正在创建的按钮吗？

<button type="submit" name="MikeC" id="proxy_remove_given" action="proxy/remove/given/MikeC">Remove</button>

编辑：

为什么这个

$('button#proxy_remove_given').click(function()

拿起这个

<button type="submit" name="MikeC" id="proxy_remove_given" action="proxy/remove/given/MikeC">Remove</button>

当我将按钮添加到页面时

但当我重新加载页面时，它会接收按钮调用