Не срабатывает .on на элементе [требует правки]

Здравствуйте. Я новичок в реализации каких-либо систем на jquery и на js в целом, поэтому туплю на, наверное, самых простых проблемах. Есть такой код:

$(document).ready(function() {
$(".like").on('click', function() {
    var link = $(this);
    var id = link.data('id');
    $.ajax({
        url: "/like",
        type: "POST",
        data: {id:id},
        dataType: "json",
        success: function(result) {
            if (!result.error){
                link.addClass('active'); 
                $('.counter',link).html(result.count);
            }else{
                alert(result.message);
            }
        }
    });
});
});

Он отвечает за отправку данных из data-id блока в php-скрипт, который обновляет запись о поставленном лайке и возвращает новое значение количества лайков на страницу пользователя. В случае ошибки, возвращает "Статья не найдена". В общем то сам скрипт работает без ошибок, подключение к бд есть. Проблема только в коде jquery в .on. В Аякс запросе всё верно указано (url, я проверял, указав вместо ".like", document, что привело к срабатыванию события при клике на любой элемент, начиная работу следующего скрипта. Он возвращал ошибку "статья не найдена"). Вывод самих лайков осуществляется:

<div class="like" data-id="'.$notes['id'].'"><span class="counter">'.$notes['count_like'].'</span></div>