title: jQuery dialog title bar width issue
body: <p>When I am increasing size of dialog after opening it then dialog height and width is increasing but dialog title bar width is not increasing. I just do not understand why it is happening.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      .BusyStyles {
          background-image: url('../images/ajax-loader.gif');
          background-repeat: no-repeat; background-position: center center; 
          height: 80px;
          width: 180px;
      }
  &lt;/style&gt;
  
  &lt;script type="text/javascript"&gt;
      $("#dialog").dialog({
          autoOpen: false,
          height: 80,
          width: 180,
          modal: false,
          draggable: true,
          resizable: false,
          position: 'center',
          show: {
              effect: "fade",
              duration: 2000
          },
          hide: {
              effect: "fade",
              duration: 500
          }
      });
  
      $("#dialog").removeClass('ui-dialog-content ui-widget-content').addClass('BusyStyles')
      $("#dialog").dialog("open");
  &lt;/script&gt;
  </code></pre>
  
  <p><br>
  On another button click I am increasing size of dialog like this:</p>
  
  <pre><code>$(".ui-dialog").animate({
      left: $(document).width() / 2 - $("#dialog").width() / 2, 
      top: $("#dialog").top
  }, 1000);
  </code></pre>
  
  <p>What do I need to add in my code so that the result dialog title width would increase along with dialog width?</p>
  
  <p>Thanks</p>