including jQuery in adobe animate cc project

i can’t seem to get any jQuery to work in my animate project. it seems the jQuery library isn’t loading into my document. i get this error in my console:

index.js?1485735818292:63 Uncaught ReferenceError: $ is not defined
    at updateSize (index.js?1485735818292:63)
    at lib.widthTest.frame_0 (index.js?1485735818292:68)
    at a.b._runActions (createjs-2015.11.26.min.js:17)
    at a.b.setPosition (createjs-2015.11.26.min.js:17)
    at a.b.setPosition (createjs-2015.11.26.min.js:17)
    at lib.widthTest.c._updateTimeline (createjs-2015.11.26.min.js:14)
    at lib.widthTest.c.advance (createjs-2015.11.26.min.js:14)
    at lib.widthTest.c._tick (createjs-2015.11.26.min.js:14)
    at a.b._tick (createjs-2015.11.26.min.js:13)
    at a.b.tick (createjs-2015.11.26.min.js:13)

i’ve created an html5 canvas document with a bunch of elements and some javascript animation. everything works just fine until i try to add any jQuery code. i’ve tried to add a jqueryUI component to the stage so that the jquery library will be included automatically. i do this by drawing a square on the stage, selecting it, applying a jqueryUI code snippet, which turns the square into a movieclip and adds the code snippet to the actions.

whenever i publish this, all of my other elements are gone and only the square shows. nothing else happens.


i figured out that if i take out my first line of code - this.stop(); - the project publishes correctly and everything works; however, i need to keep that line of code. it’s necessary for me to stop the timeline on the first frame.

i can’t figure out what the problem is. it seems unlikely that you can’t have jquery code on the same frame as this.stop()., but is this just a fact of how animate works?

i really need to use some jquery in my project. but i can’t figure out how to get this going. any help would be much appreciated.