Jquery Dialog里面的动态元素

Question

我试图用里面的按钮和事件创建jquery ui对话框，这段代码可以工作，但是如何在#info div中添加更多的div或按钮。如果我添加一个输入类型=＆＃34;复选框＆＃34;在html代码中的#info div内。弹出窗口将是空白的，根本没有内容。 如何在html中添加更多元素？

for (var i = 0; i < newsArray.length; i++) {

   var dialogHTML = $('.dialog').html();

   $('.info').html(newsArray[i].NewsText);

   $(dialogHTML).dialog({

      resizable: true,
      width: "auto",
      modal: true,
      title: newsArray[i].Title
   });
}

HTML：

<div class="dialog" style="display:none;"> 
<div class="info"></div>
</div>