Simple drag&drop with handler doesn't work in Edge?

Question

Hi all!
I made this very simple example of Drag&Drop in Edge: http://www.terredainventare.it/simpledrag/simpledrag.html using Jquery Ui http://docs.jquery.com/UI/Draggable.
I try to use the JQueryUi "handle" property that makes you drag an object restricting drag click on only one element but it doesn't work.
Here's the code I've put in Edge onCompositionReady:
sym.$("drag").draggable({ handle:"handler" });
Of course my two Div-elements are called "drag" and "handler". Now the drag works only on the "wrong" element and not on the "handle".....
Here's the Adobe Edge files: http://www.terredainventare.it/simpledrag/web.zip
Many thanks in advance for your help!
Davide

Answer 1

So, on stage i add a rectangle named "drag" and i try this code:
yepnope({
            nope:[
            'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js',
            'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css'
            complete: init
function init() {
         //$("#Stage_drag").draggable();
         //$(sym.lookupSelector("drag")).draggable();
         sym.$("drag").draggable();
3 lines work: $("#Stage_drag").draggable() or $(sym.lookupSelector("drag")).draggable() or sym.$("drag").draggable()
And css file is not required.
Well, your dowload link is not perfect but i download your folder. See you later.
There is a tutorial: a movie tutorial (adobe tv). Mix it baby! Extending Edge Animate 02:57
They use: yepnope (both, callback)
yepnope({
     both: ['jquery-ui.min.js',
               'jquery-ui.css'
     callback: function(){sym.$("drag").draggable()}
I will send you your files tomorrow (private message).