title: on closing dialog do not remove the previous contents on re-opening again
body: <p>I have made a dialog and a UI Tab in that dialog. In that dialog i am showing some contents as a table. When i close the dialog by remove() method it closes the dialog but when i reopen it, the old contents are still showing with the new contents in the tab, is there any method that old contents will also reomve when dialog closes. I have used empty() but it seems useless below is my code.</p>
  
  <pre><code>this.formOrderList = null;
  this.orderListDialogObject = $('&lt;div id="mainDiv"&gt;&lt;/div&gt;');
  this.orderListTable = $('&lt;div&gt;'
          + '&lt;table id="orderListTable" class="ui-widget tblBorder" width="100%" border="0"  cellspacing="1" cellpadding="2"&gt;'
          + '&lt;thead class="ui-widget-header" id="orderListHead"&gt;' + '&lt;tr&gt;'
          + '&lt;th&gt;&lt;strong&gt; Order# &lt;/strong&gt;&lt;/th&gt;'
          + '&lt;th&gt;&lt;strong&gt; Symbol &lt;/strong&gt;&lt;/th&gt;'
          //+ '&lt;th&gt;&lt;strong&gt; Exchange &lt;/strong&gt;&lt;/th&gt;'
          //+ '&lt;th&gt;&lt;strong&gt; Market &lt;/strong&gt;&lt;/th&gt;'
          + '&lt;th&gt;&lt;strong&gt; Time &lt;/strong&gt;&lt;/th&gt;'            
          + '&lt;th&gt;&lt;strong&gt; Order Type &lt;/strong&gt;&lt;/th&gt;'
          + '&lt;th&gt;&lt;strong&gt; Side &lt;/strong&gt;&lt;/th&gt;'
          + '&lt;th&gt;&lt;strong&gt; Volume &lt;/strong&gt;&lt;/th&gt;'
          + '&lt;th&gt;&lt;strong&gt; Price &lt;/strong&gt;&lt;/th&gt;'
          + '&lt;th&gt;&lt;strong&gt; Trigger Price &lt;/strong&gt;&lt;/th&gt;'
          + '&lt;th&gt;&lt;strong&gt; Filled Volume &lt;/strong&gt;&lt;/th&gt;'
          + '&lt;th&gt;&lt;strong&gt; Status &lt;/strong&gt;&lt;/th&gt;'
          + '&lt;th&gt;&lt;strong&gt; Expiry Date &lt;/strong&gt;&lt;/th&gt;'
          + '&lt;th&gt;&lt;strong&gt; Ref # &lt;/strong&gt;&lt;/th&gt;'
          + '&lt;th&gt;&lt;strong&gt; Action &lt;/strong&gt;&lt;/th&gt;' + '&lt;/tr&gt;' + '&lt;/thead&gt;'
          + '&lt;tbody id="orderListBody"&gt;' + '&lt;/tbody&gt;' + '&lt;/table&gt;' + '&lt;/div&gt;');
  this.orderListTabs = $('&lt;div&gt;' + '&lt;ul&gt;'
          + '&lt;li&gt;&lt;a href="#pendingOrderList"&gt;Pending&lt;/a&gt;&lt;/li&gt;' + '&lt;/ul&gt;'
          + '&lt;div id="pendingOrderList"&gt;' + '&lt;/div&gt;' + '&lt;/div&gt;');
  this.orderListDialogObject.appendTo("body");
  this.show = function() {
      $("#orderListBody", this.orderListTable).empty();
      this.orderListDialogObject.dialog({
          title : 'Order List',
          width : 850,
          height : 150,           
          close : function(ev, ui) {
              $(this).remove();
              return false;
              /*$(this).dialog('destroy').remove();
              return false;*/
          }
      });
      this.orderListTabs.tabs();
      this.orderListTabs.appendTo(this.orderListDialogObject);        
      $("#pendingOrderList", this.orderListTabs).append(this.orderListTable);
  </code></pre>