$(document).ready(function(e) {
    $('.panel').on('click', '#like', function (e) {
        e.preventDefault();
        var grade = $(this).data('grade');
        var object_id = $(this).closest('.panel-heading').data('id');
        var url = 'rate/' + object_id + '/' + grade;
        $.ajax({
            type: "GET",
            url: url,
            dataType: "json",
            success: function (response) {
                alert(response.data);
                if (grade == '-') {
                        $(this).closest('.panel-heading').find('.total-likes').html(response.data);
                        alert('success!!');
                }

                    else {
                        $(this).closest('.panel-heading').find('.total-dislikes').html(response.data)}
            },
            error: function (xhr,errmsg,err) {
                alert(xhr.status + ": " + xhr.responseText);
            }
        });

    })
});