В чем может быть причина undefined у offset().top?

господа.

Мастерю себе скрипт плавного перемещения по якорям на лендинге.

Написал такой код:

$('.anchor').bind('click', function(e) {
    e.preventDefault();
    var height = document.body.offsetHeight;
    var curPos = $(document).scrollTop();
    //to the anchor
    var anchorID = $(this).attr('href');
    console.log(anchorID);
    var anchorPos = $(anchorID).offset().top;
    console.log(anchorPos);
    var scrollTime = 0;
    if (anchorPos > curPos) {
      scrollTime = (height - curPos) / 3;
      $("body,html").animate({
        "scrollTop": anchorPos
      }, scrollTime);
    } else {
      scrollTime = curPos / 3;
      $("body,html").animate({
        "scrollTop": anchorPos
      }, scrollTime);
    }
  });

На лендинге есть 4 якоря такого вида:

<a name="test1"></a>
...
<a name="test2"></a>
...
<a name="test3"></a>

Ссылки, которые ведут на якоря выглядят вот так:

  <li>
    <a class="anchor" href="#test1">test1</a>
  </li>
  <li>
    <a class="anchor" href="#test2">test2</a>
  </li>

Скрипт работает на с 1 и последней ссылках. Те, что в середине, выбивают ошибку

Uncaught TypeError: Cannot read property 'top' of undefined

Не могу понять почему при 1 и последней все нормально, а при остальных ошибка

Буду благодарен за любую помощь! Заранее спасибо!