Setting CSS of a Nested Element

I'm having trouble setting the background-color css property of a div using a trigger.

I had it working fine, but when I added a MouseOver and MouseOut events the Trigger stopped working.

The Trigger is set on the main timeline and uses the same code as the Mouse Events.

sym.getSymbol("Animation").$("Circle").css({'background-color':'#f9a41a', 'transition': 'background-color 250ms'});

The 'Circle' div is on the stage of the 'Animation' Symbol.

Here's the Animation: Untitled

Source Files: https://dl.dropboxusercontent.com/u/1451748/Edge/CloudWorkFlowColor_04_edge.zip