title: jquery dialog box is unwilling to explode
body: <p>As the headline tells, the hide: "explode" function is not working...</p>
  
  <p>here is the code:</p>
  
  <pre><code>function alerter(text, title) {
      var random = Math.floor( Math.random() * (1000000) );
      $('body').append('&lt;div id="' + random + '"&gt;' + text + '&lt;/div&gt;');
      $('#' + random).dialog({
          minHeight: 100,
          modal: true,
          hide: "explode",
          resizable: false,
          title: title,
          close: function(event, ui) { 
              $(this).dialog('destroy').remove();
          }
      });
  }
  </code></pre>
  
  <p>the box is just disapearing when I hit the x - but I want it to explode...
  what am I doing wrong?</p>