jQuery单击功能无法使用添加的类

Question

我为set和unset按钮值写了两个jQuery，当点击那个按钮时也是如此 我使用JQuery / Ajax将值传递给后端。

<a class="btn invite">send invite</a> 

在jQuery工作后单击该链接时，

   $( ".invite" ).click(function() {
        $.ajax({
            type: "GET",
            url: "example_1.php",
            cache: false,
            success: function (data) {
                $('#requestFriendShip').html("Request Sent");
                $('#requestFriendShip').removeClass('invite').off('click');
                $('#requestFriendShip').addClass('remove');
            }
        });    
    });

然后如果再次单击该更改类，我尝试遵循此jQuery，但这不起作用 有人可以给我一个解决方案，

$( ".remove" ).click(function() {
    var requestFriendShip =  $(this).attr('id');
    $.ajax({
        type: "GET",
        url: "example_1.php",
        cache: false,
        success: function (data) {
            $('#requestFriendShip').html("Send Invite");
            $('#requestFriendShip').addClass('invite');
            $('#requestFriendShip').removeClass('remove');
        }
    });    
});