[jQuery] drag & drop post to db

[teazer]

After way too many hours wasted, I find I have to ask for help. I am a
coldFusion programmer and a neophyte at jquery.

I am trying to show and post info for a drag & drop page. I need to
show the coordinates and strokeNo and post to a database the same plus
the div of where the draggable was dropped. Hopefully this makes
sense. Thanks in advance...

test page: http://teazer.com/test.cfm

  $(document).ready(function(){

    $(".drag").draggable({containment: ".wrapper"});

        $(".drag").mousemove(
                function(e){$(this).html(e.pageX +','+ e.pageY);
        });

        $(".drop").droppable({
        accept: ".drag",

        drop: function(ev, ui) {
     var dragInfo =
                $(this).attr("id");
                $(this).append((ui.draggable).text());
                $(this).append(",");
        $(this).append(dragInfo);

        //posting the info to the database
                $("#S1").click(function(e){$.post("scripts.cfm", { coords: 
e.pageX
+','+ e.pageY, strokeNo: '1', dropLocation: '?' });});

                }
        });
});