Failed in shifting rect shape on event 'creationComplete', but succeed on event 'compositionReady', why?

Question

Hi, i got a problem while i want to shift rect shape in proper position at first beginning, but i can't make it:
      Symbol.bindElementAction(compId, symbolName, "document", "compositionReady", function(sym, e) {
         // insert code to be run when the composition is fully loaded here
        sym.getComposition().getStage().$("small_scene_rect").css({"position":"absolute","display ":"block","left":"10px","top":"10px","width":"100px","height":"100px"}); // worked
      //Edge binding end
      Symbol.bindSymbolAction(compId, symbolName, "creationComplete", function(sym, e) {
         // insert code to be run when the symbol is created here
        sym.getComposition().getStage().$("small_scene_rect").css({"position":"absolute","display ":"block","left":"10px","top":"10px","width":"100px","height":"100px"}); // not worked
      //Edge binding end
I really need your help, thanks!

Answer 1

Thank you, getComposition().getStage() is really not required, but it is still not worked, my browser's chrome, here followed my symbols structure:
var symbols = {
"stage": {
    version: "4.0.1",
    minimumCompatibleVersion: "4.0.1",
    build: "4.0.1.365",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                id: 'scene',
                type: 'rect',
                rect: ['0%', '0%','auto','auto','auto', 'auto']
                id: 'small_scene_rect',
                type: 'rect',
                rect: ['10%', '10%','100%','100%','auto', 'auto'],
                borderRadius: ["10px", "10px", "10px", "10px"],
                fill: ["rgba(192,192,192,1)"],
                stroke: [0,"rgba(0,0,0,1)","none"],
                c: [
                    id: 'small_scene_img',
                    type: 'image',
                    rect: ['0%', '0%','100%','100%','auto', 'auto'],
                    overflow: 'visible',
                    fill: ["rgba(0,0,0,0)",im+"change.jpg",'0px','0px']
            symbolInstances: [
                id: 'scene',
                symbolName: 'scene',
                autoPlay: {
    states: {
        "Base State": {
            "${_Stage}": [
                ["color", "background-color", 'rgba(255,255,255,1)'],
                ["style", "overflow", 'hidden'],
                ["style", "height", '100%'],
                ["style", "width", '100%']
            "${_small_scene_img}": [
                ["style", "top", '0%'],
                ["style", "overflow", 'visible'],
                ["style", "bottom", 'auto'],
                ["style", "height", '100%'],
                ["style", "right", 'auto'],
                ["style", "left", '0%'],
                ["style", "width", '100%']
            "${_small_scene_rect}": [
                ["style", "top", '10%'],
                ["style", "overflow", 'hidden'],
                ["style", "height", '100%'],
                ["style", "clip", 0, {valueTemplate:'auto'} ],
                ["style", "left", '10%'],
                ["style", "width", '100%']
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 0,
            autoPlay: true,
            timeline: [
"scene": {
    version: "4.0.1",
    minimumCompatibleVersion: "4.0.1",
    build: "4.0.1.365",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                    id: 'scene_img',
                    type: 'image',
                    rect: ['0px', '0px', '100%', '100%', 'auto', 'auto'],
                    fill: ['rgba(0,0,0,0)', 'images/victory.jpg', '0px', '0px']
            symbolInstances: [
    states: {
        "Base State": {
            "${_scene_img}": [
                ["style", "top", '0px'],
                ["style", "height", '100%'],
                ["style", "left", '0px'],
                ["style", "width", '100%']
            "${symbolSelector}": [
                ["style", "height", '100%'],
                ["style", "width", '100%']
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 0,
            autoPlay: true,
            timeline: [