jquery - ajax呼び出し後にオンクリックイベントが開始されたクラスを削除します

Question

クリックしたクラスを削除しようとしていますが、クリックするとイベントが発生し、ajax 呼び出しが行われます。しかし、それは機能していません。可能かどうか知りたかった

$(document).on('click', '.miinterest', function (event) {
    event.preventDefault();
    var login_id = $(this).attr('lid');
    var profile_id = $(this).attr('pid');
    var type = 'interest';
    var dataString = "login_id=" + login_id + "&profile_id=" + profile_id + "&type=" + type;

    $.ajax({
        type: "POST",
        url: "includes/ajax.php",
        data: dataString,
        success: function (html) {
            $(".miinterest").addClass("disabled");
            $(this).removeClass("miinterest");
            $.lightbox("modules/after_message/after_message.php?page=profile&type=" + type, {
                'width': 480,
                    'height': 240,
                    'autoresize': true
            });
        }
    });
});