JQuery to drag and drop images in to grid and snap to grid

JQuery to drag and drop images in to grid and snap to grid

Good day,

I am new to JQuery and Javascript. I need to vreat the follwong and has tried alot of cobinations, but cant seem to make it work. The following needs to be done: JQuery to drag and drop images in to grid and snap to grid.
I have a html doc with 2 grids on it currently and in the one grid is 6 images. The other grid is empty. Need to drag images to clean grid.
<script type="text/jscript" language="javascript">
                $(document).ready(function () {
                $("img").draggable();
                $("td").droppable({
                    drop: function () }
                });

i have used the above code but cant make any sense what i am doing.

Please help
JS