title: How to stop jQuery-ui from adding classes to my button
body: <p>I have a very small space for a button. I successfully created the button just how I need it. It has the following classes: <code>class="btn btn-default</code> (from Twitter's Bootstrap). </p>
  
  <p>I then added an onclick dialog event to the button with jQuery-ui (see: <a href="http://jqueryui.com/dialog/#modal-form" rel="nofollow">http://jqueryui.com/dialog/#modal-form</a>). Now my button has become LARGER than before breaking the layout. When I look at the button with firebug I see that jQuery-ui added several classes to my button "without asking" it looks like: <code>class="btn btn-default ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"</code></p>
  
  <p>How can I keep the jQuery-ui dialog onclick event, but NOT have it add all those additional CSS classes to my button?</p>