title: Maximum number of dialogClass in Jquery Dialog box
body: <p>Am using <code>Jquery Dialog</code> box in my xhtml page. Since there are 2 <code>Jquery Dialog</code> box and look &amp; feel of each box was different from the other, I had to use <code>addClass</code> attribute and this has been discussed in <a href="https://stackoverflow.com/questions/12956504/dialogclass-not-applying-the-given-style-class/12956620#comment17583423_12956620">this post</a>. Now I have to override many classes like <code>ui-dialog, ui-corner-all, ui-widget-header</code> etc. So, I went on adding the classes using <code>addClass</code>. Code is below,</p>
  
  <pre><code>$('.ui-widget-content').addClass('new-ui-widget-content');
  $('.ui-widget').addClass('new-ui-widget');
  $('.ui-dialog .ui-dialog-titlebar').addClass('new-ui-dialog new-ui-dialog-titlebar');
  $('.ui-widget-header').addClass('new-ui-widget-header');
   $('.ui-helper-clearfix').addClass('new-ui-helper-clearfix');
   ....
  
  $j("#dialog").dialog({
  dialogClass: 'new-ui-widget-content',
  dialogClass: 'new-ui-widget',
  dialogClass: 'new-ui-dialog new-ui-dialog-titlebar',
  dialogClass: 'new-ui-widget-header',
  dialogClass: 'new-ui-helper-clearfix',
  ....
  </code></pre>
  
  <p>But, I noticed that only 1 of the classes is getting overridden. I mean to say, though I have overridden many classes, only <code>new-ui-widget-content</code> is getting overridden(which is placed first).</p>
  
  <p>I also tried in below way. But it gives syntax error.</p>
  
  <pre><code>    $j("#dialog").dialog({
          dialogClass: 'new-ui-widget-content','new-ui-widget',......
  </code></pre>
  
  <p>Can multiple classes be overridden by <code>addClass</code>?</p>
  
  <p>If so, how it can be done? </p>