Не подключается class в img

День добрый! Ребята можете разъяснить почему не подключается класс в данном коде:

<img
    src="http://tricolor.utest.space/assets/images/like_dislike/like.png"
    alt="like"
    data-article="<?php echo $information_id?>"
    id="likeBtn"
    name="like"
    <?php echo (isset($_COOKIE["article-$information_id"]) && $_COOKIE["article-$information_id"] == 'likes') ? 'class=\'actionBtn\'' : '';?>
>

Ну суть такова что через jquery добавляем класс actionBtn - он добавляется все норм. вот только стиль не работает... Почему???

css:

#likeBtn, #dislikeBtn {
    background: none;
    opacity: 0.4;
    margin-right: 10px;
    width: 42px;
}
#likeBtn:hover {
    opacity: 1;
}
#dislikeBtn:hover {
    opacity: 1;
}
.actionBtn {
    background-color: blue;
}

jquery:

jQuery(document).ready(function($){

$('#likeBtn').click(function (e) {
    e.preventDefault();
    var article_id = $(this).data('article');
    $.ajax({
        url:'route=like/like/index',
        type: 'get',
        data:{type: 'likes', article_id:article_id},
        success: function (data) {
            if(data){
                $('#likeBtn').addClass(data);
                $('#dislikeBtn').removeClass(data);
            }else{
                $('#likeBtn').removeClass('actionBtn');
            }
        },
        error: function () {
        }
    });
});
$('#dislikeBtn').click(function (e) {
    e.preventDefault();
    var article_id = $(this).data('article');
    $.ajax({
        url:'route=like/like/index',
        type: 'get',
        data:{type: 'dislikes', article_id: article_id},
        success: function (data) {
            if(data){
                $('#dislikeBtn').addClass(data);
                $('#likeBtn').removeClass(data);
            }else{
                $('#dislikeBtn').removeClass('actionBtn');
            }
        },
        error: function () {
        }
    });
});

});