jquery ui-dialog move from bottom of page to a div

Question

Iam using ui-dialog ,by default it's a fixed and i get the html code at the end of page before directly , how can i force it to append in a

 <div class="container"></div>

without to be fixed in page

Answer 1

Give your .container an id, then you can use:

appendTo: "#yourContainingElement"

The default is to append it to the body.

See the docs: http://api.jqueryui.com/dialog/#options