Correct way of loading jquery-ui

Hi there,

I am trying to load jquery-ui using yepnope method however it does not seem to work. I have read yepnope is deprecated now. What's the correct way of loading it on the whole stage.

I want to play with .draggable/.droppable things.

I'm using the latest Adobe Edge Animate CC (2014.1.1)

On the CompositionReady for the stage I wrote

// insert code to be run when the composition is fully loaded here

yepnope(

{

    nope:[

        'js/jquery-ui.min.js',

     ],

    complete: init

}

); // end of yepnope

function init() {

  // the code for draggable and droppable will be between the curly brackets { }

  sym.$('rectsym').draggable();

} // end of init

rectsym is a rectangle that I converted to a symbol and called 'rectsym'.

js/jquery-ui.min.js exists.

Here are the file list in the main directory:

dragdrop (AN file)

dragdrop (HTML doc)

js/

jquery-ui.min

edge_includes/

edge.5.0.1.min

When I preview it in a browser the rectangle is not draggable at all.

Thanks