Не работает плавное перемещение к якорю на Jquery

К примеру, у меня есть ссылка:

<a href="#top"><i class="far fa-arrow-alt-circle-up" id="backtotop"></i></a> ,

которая должна перекинуть на этот div <div id="top"></div> ( он находится сверху в хидере), но она не срабатывает, я не могу понять почему, так как делал по примеру.

Вот Jquery:

$('#top').bind('click.smoothscroll',function (e) {
e.preventDefault();
var target = this.hash,
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 900, 'swing', function () {
window.location.hash = target;
});
});