Вопрос к программистам⁠⁠

Прошу прощения у подписчиков, за этот пост, но у меня специфический вопрос, к знающим людям. Сижу изучаю основы JavaScript и возник вопрос. Я создаю два элемента, круг и квадрат. Одному из элементов задаю через jQuery возможность перемещать его. Теперь у меня собственно вопрос. Как сделать так, что бы когда я перетащил круг на квадрат, вылез alert. Я так понимаю что нужно использовать событие. Но какое и на какой элемент? На квадрат что бы он ждал, когда на него что-то перетянут? Или как это делается, подскажите буду любезен. Ниже привожу код уже написанного JS файла:

window.onload = function () {

var circle = document.createElement('div');

circle.style.width = "100px";

circle.style.height = '100px';

circle.style.background = '#4e4e4e';

circle.style.borderRadius = '50px';

circle.style.zIndex = '2';

circle.id = 'drag';

document.body.appendChild(circle);

$(d).draggable();

var square = document.createElement('div');

square.style.width = "200px";

square.style.height = '200px';

square.style.background = "#818223";

square.style.position = "relative";

square.style.left = '350px';

document.body.appendChild(square);

}