load a "<div data-role="page" inside another <div>

load a "<div data-role="page" inside another <div>

hey guys,

i've a little issue with my multi page.

i buid multiple pages through javascript loop which contains collapsible-sets with buttons etc..

in index.html i just set an <div id="sections"> which loads the elements from javascript append

but unfortnatly the main div will not working

<div id="sections"> <!-- Load Javascript html elements -->
<div data-role="page" id=""> <!-- generated with javascript append -->
... content     
</div>
</div>

the data-role page wont work.
i've no idea how i can loop massive html elements through jq-mobile?...

thanks!