Проблема с скроллом на jQuery

$(document).ready(function () {
    $(".arrow").click(function () {
        var elementClick = $(this).attr("href");
        var destination = $(elementClick).offset().top;
        jQuery("html:not(:animated),body:not(:animated)").animate({scrollTop: destination}, 800);
        return false;
    });
});//end ready

По клику на кнопку должно скролить на секцию ниже, но выбивает ошибку Uncaught TypeError: Cannot read property 'top' of undefined. Подскажите в чем ошибка