How to create the animation div dyanimcally using jquery+javascript

Question

Hello,
after a week of researching and without getting the full result i decided to upload new discussion here and maybe some of you guys will help me.thanks in advance.
include the file:
<!--Adobe Edge Runtime-->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <script type="text/javascript" charset="utf-8" src="animate_edgePreload.js"></script>
<!--Adobe Edge Runtime End-->
html code:
<div id="Stage" class="EDGE-70798230"></div>    if i put it like this of course everthing works fine..i can put more with different id's and they will work fine...
my problem:
i dont know how many of this animation i will need...depends of what my server will give me in the response...so i need to create them dynamically...
i tried lots of things:
$("#newAnimation").append('<div id="Stage2" class="EDGE-70798230"></div>');    of course with this nothing happend...it even dont get the symbols under stage..and not any of the css...
$(".EDGE-70798230#Stage").clone().appendTo("#newAnimation");
$("#newAnimation").children('#Stage').prop('id','Stage2');   then mroe css changes and just then i can see the animation but it doesnt work..."play is not defind" when i try to run the animations..
i know there is some function that called createChildSymbol/createSymbolChild but none of them work for me...
i use jquery mobile..so to start the animation for example i do $.Edge.symbol.get($("#Stage")).play();
i tried to use the loadResources etc....doesnt work too..
anyone have some idea what i can do? it is possible?

Answer 1

joel pau thank you for all the support.
now i will explain the anwer if anyone else will be stuck with the same problem.
first of all in edge animate need to mark all the things that created and "convert to symbol"(mark all and right click).
second:
in the top of your html file you got the script to the edge_preLoad.js .....
so now in your js code:
lets say we use append to add new div to our code and now we got <div id="new"</div>.
$.Edge.getComposition("yourCompositionID").createSymbolChild("yourSymbolThatCreatedInStepO ne","#new");
like this you can get new animation of the same composition.
if you want to conroll the animation you just need to take the id of the new symbol your created using jquery or any way you like.
and example of control it:
$.Edge.symbol.get("#theNewID").play();