title: html title in jquery modal
body: <p>I have a problem with the following code:</p>
  
  <pre><code>$("#btn" ).on('click', function(e) {
  
      var dialog = $( ".step" ).dialog({
          modal: true,
          title: "&lt;div class='title'&gt;&lt;h4&gt;Testing title&lt;/h4&gt;&lt;/div&gt;",
          title_html: true,
          buttons: [ 
  
              {
                  text: "OK",
                  "class" : "btn",
                  click: function() {
                      $( this ).dialog( "close" ); 
                  } 
              }
          ]
      });
  
  
      dialog.data( "uiDialog" )._title = function(title) {
          title.html( this.options.title );
      };
  
  
      $(".ui-dialog-titlebar-close").hide();
      $(".ui-front").removeClass("ui-widget-overlay");
      $(".ui-corner-all").removeClass("ui-widget-header");
      $(".ui-corner-all").removeClass("ui-dialog-titlebar");
  });
  </code></pre>
  
  <p>The first time the user click the #btn button the modal open but the title shows like text: <code>&lt;div class='title'&gt;&lt;h4&gt;Testing title&lt;/h4&gt;&lt;/div&gt;</code>. After closing the modal and re-opening it the title shows correctly.</p>
  
  <p>Someone know why the first time doesn't work fine?</p>