Синтаксическая ошибка, нераспознанное выражение: ../#some_id

Question

Я пытаюсь перейти к элементу div при нажатии на ссылку привязки, но по какой-то причине при использовании селектора jQuery выдает ошибку Syntax error, unrecognized expression: ../#Installation

Вот функция jQuery:

$('a').click(function(ev){
    ev.preventDefault();
    $('html, body').animate({
        scrollTop: $( $(this).attr('href') ).offset().top
    }, 500);
});

Тег привязки:

<a href="#Installation" id="install" runat="server">Installation</a>

div:

...
<div id="Installation"></div>
...

Если я специально напишу идентификатор div, то все будет работать нормально:

$("#install").click(function(ev) {
    ev.preventDefault();
    $('html, body').animate({ scrollTop:$("#Installation").offset().top}, 500);
});

Что я здесь не так делаю?

Answer 1

Пользователь "var" перед анимацией:

<div id="Installation">I am Installation</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#Installation" id="install" runat="server">Go to Installation</a>
<script>
$('a').click(function(ev){
    ev.preventDefault();
    var href=$(this).attr('href');
    $('html, body').animate({
        scrollTop: $(href).offset().top
    },500);
});
</script>