Why won't my jQuery UI dialog work?

Question

Why won't my jQuery UI dialog work?

It works if I put the div on the page in the html but I want to rather dynamically insert it as below then remove it with a click event.

var d = $("<div id='my' >any text</div>");

d.dialog({

     modal: true

});

Later I want to close it in another event with

$('td').click(function(){

   $("#my").dialog("close");

)};

Answer 1

You create the element, but don't seem to add it to the DOM? If you use the .appendTo() method, you can add it to the DOM, prior to calling the .dialog() method.

Try something like this instead

$("<div id='my'>any text</div>").appendTo("body");