jQuery: изменение класса кнопки с помощью вызова AJAX

Я создаю систему Like / Unlike, у меня есть кнопка, на которую похож класс, если я щелкаю по ней, данные вставляются в базу данных, и класс изменяется на непохожий.

И в отличие от предположения о вызове другого ajax-вызова, который удаляет фактическое значение like, но оно не работает, когда класс изменился, он преформирует то, что должен делать класс, и это работает, только если я обновляю страницу.

PHP-код


id.'">
         Like
    ';  
    foreach ($user->likes as $likes) {
        if($likes['liked_by'] == Session::get('sentry_user')) {
          $like = '
             Unlike
            '; 
            break 1;
         }
    }
    echo $like; 
 ?>

JQuery

$('button.like').bind('click', function(){
    var likeId = $(this).data('like');
    $.ajax({
        url: siteUrl + 'profile/like',
        type: "post",
        data: {user_id: likeId},
        dataType: "json",
        context: this,
        beforeSend: function()
        {
            $(this).addClass('disabled');
        },
        success: function(data)
        {
            if(data.status == "like") {
                $(this).removeClass('like')
                .addClass('unlike')
                .append()
                .html(' Unlike');
            }
        },
        complete: function()
        {
            $(this).removeClass('disabled');
        }
    });

});

$('button.unlike').bind('click', function(){
    var likeId = $(this).data('like');
    alert('you are about to unlike');


})

просто сделал непохожее предупреждение для примера, чтобы проверить это, прежде чем я сделаю с ним вызов ajax.

Значит, кто-нибудь дал мне подсказку?

Ответы на вопрос(3)

Ваш ответ на вопрос