jQuery Dialog mit HTML Inhalt :: beim zweiten Aufrufen ist der HTML Inhalt nicht mehr vorhanden

Der Code, mid dem beim zweiten Aufrufen des Dialogfensters der Inhalt nicht mehr gerendert wird:

 $('<div id="newdialog"></div>').dialog({
  autoOpen: true,
  draggable: true,
  modal: true,
  width:550,
  height:500,
  zIndex: 1,
  resizable: false,
  bgiframe: true,
  open: function(event, ui) {
    $("newdialog").html("HTML-INHALT")
  }
 });

Stattdessen soll der HTML-Inhalt nicht in der Callback Funktion erzeugt werden, sondern früher, vor dem Aufruf der Funktion “dialog”:


var dialog = $('<div id="newdialog"></div>')
.html('HTML-INHALT')
.dialog({
  autoOpen: true,
  draggable: true,
  modal: true,
  width:550,
  height:500,
  zIndex: 1,
  resizable: false,
  bgiframe: true,
 });