Привязка пользовательского интерфейса JQuery к сетке внутри элемента

У меня есть два элемента div, и я использую библиотеку JQueryUI, чтобы перетаскивать один элемент div в другой.

Я хочу привязать перетаскиваемый div к сетке внутри перетаскиваемого div, а не к сетке по всей странице. Я нашел атрибут привязки для привязки к элементу перетаскивания, я также нашел атрибут сетки для привязки к сетке, но есть ли способ объединить их?

$( "#draggable" ).draggable({ grid: [ 50, 50 ] });

Единственный другой обходной путь, который я могу придумать, это заполнить drop div большим количеством меньших snap div, что мне не нравится!