Координаты изображений

Кто-нибудь может сказать, почему код не работает?: https://jsfiddle.net/DarkMessiah/uba81cx9/5/

 mouseX = document.getElementById('mouse').offsetTop;
 mouseY = document.getElementById('mouse').offsetLeft;
 inputX = document.getElementById('droppable-input').offsetTop;
 inputY = document.getElementById('droppable-input').offsetLeft;
function check() {
 if ((mouseX == inputX) && (mouseY == inputY)) {
   alert('Правильно');
 }
}

mouse и droppable-input - картинки Выдает ошибки: Uncaught TypeError: Cannot read property 'offsetTop' of null и Uncaught ReferenceError: mouseX is not defined (при выполнении функции)

Кто-нибудь знает, как исправить? Или как иначе можно сравнить положение двух картинок? (нужно знать пересекаются ли они или нет.)