Ajax请求被多次发送，因为按钮位于多个div

Question

我正在使用此代码：

$('div').on('click', '#my_btn',function(e){
    e.preventDefault();
    var id = $(this).parent().parent().attr('id');
    var btn = $(this);
    $.post(...)
    .done(function(data){
        btn.replaceWith("<button type=\"button\" class=\"btn btn-default\" id=\"my_btn\">Changed!</button>");
    });
});

但是，由于
，此代码多次发送帖子请求  $('div').on('click', '#my_btn',function(e){ ..

这可以通过使用单$('#my_btn').click()..轻松解决，但由于我使用jquery replaceWith替换dom，因此此代码只能运行一次（测试）。那么，我该怎样做才能只发送一次ajax并使点击功能适用于新按钮？