Как убрать дергание jquery?

Question

[Max Payne]

Есть код:

$(document).ready(function() {
    	$('.goton2').click(function(){
        $('html, body').animate({scrollTop:$('#n2').position().top}, 2000);
    	});
		});

Ну и html соответственно:

<div id="n1" class="goton2">
	<a href="#n2"><img class="img" src="images/1.jpg"></a>
	<a href="#n2"><img class="img" src="images/2.jpg"></a>
</div>
<div id="n2">
<img class="img" src="images/3.jpg">
<img class="img" src="images/4.jpg">
</div>

При клике по первой ссылке-картинке происходит резкое дергание, а лишь потом плавная прокрутка до div с id="n2", как это исправить? Версия jQuery -- v1.11.1 .

Answer 1

[Max Payne]

Убрал тег <a> и стало всё отлично :)

Answer 2

[asdz]

Такие дела лучше на codepen выкладывать.