title: Button classes not added in jQuery UI Bootstrap Dialog
body: <p>I've added UI Bootstrap theme to my application and most of it seems to work very well, but I can't seem to get my UI dialog buttons to render correctly like the demo.  It seems that jQuery UI is not adding the classes to the buttons so that the buttons will be styled.</p>
  
  <p>Using Chrome developer the buttons should render as:</p>
  
  <pre><code>&lt;button type="button" 
     class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" 
     role="button" 
     aria-disabled="false"&gt;
        &lt;span class="ui-button-text"&gt;Ok&lt;/span&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>But when I create my dialog:</p>
  
  <pre><code>$('#dialog').dialog({
     title: 'My Text',
     close: function (event, ui) {
        myfunction();
     },   
     bgiframe: false,
     width: 860,
     height: 500,
     resizable: true,
     modal: true,
     buttons: {
        Cancel: function () {
           $(this).dialog("close");
        } 
     }
  });
  </code></pre>
  
  <p>The ui dialog buttons render as so:</p>
  
  <pre><code>&lt;button type="button"&gt;Cancel&lt;/button&gt;
  </code></pre>
  
  <p>No classes are being added and I can't find anything that tells me IF I need to execute other methods or what the deal is.</p>
  
  <p>Thanks.</p>
  
  <p>-V</p>
  
  <p>Edit: sorry I forgot to reference the versions I'm using:</p>
  
  <p>Bootstrap: 2.2.2
  jQuery: 1.8.3
  jQuery UI: 1.9.2</p>