Drag n Drop with Ajax?

Drag n Drop with Ajax?

Hey all,

I've got a page that uses the draggable and droppable feature - http://jqueryui.com/demos/droppable/#default

It also uses jQuery to call a web service via Ajax - this also works fine.

However, I want to call the web service only when an item is dropped onto the objeect but when I try to add the Ajax function inside the $("#droppable").droppable({ drop: function(event, ui) {.... it doesn't seem to work.

You can see my code at http://pastebin.com/m703d1cfe

Any help or advice would be much appreciated.

Many thanks in advance!