jQuery столкновение между двумя div не работает, как ожидалось

Question

Я использую плагин для столкновения Jquery из здесь и попробовал скрипку здесь . Я пытаюсь проверить результат столкновения, когда пользователь перемещает один объект над другим. Он не работает должным образом и выдает ошибку, сообщающую, что столкновение не определено.

Jquery Код

$(document).keydown(function(e) {

  //Move arrow keys
  if (e.keyCode === 37) {
    $("#object1").animate({
      left: "-=5"
    }, 0);
  }
  if (e.keyCode === 38) {
    $("#object1").animate({
      top: "-=5"
    }, 0);
  }
  if (e.keyCode === 39) {
    $("#object1").animate({
      left: "+=5"
    }, 0);
  }
  if (e.keyCode === 40) {
    $("#object1").animate({
      top: "+=5"
    }, 0);
  }


  var colliders_selector = "#object1";
  var obstacles_selector = "#object2";
  var hits = $(colliders_selector).collision(obstacles_selector);
  alert(hits);
});

HTML код

<div id='object1'>

</div>

<div id='object2'>

</div>