title: css temporarily broken when the page load ( .addClass )
body: <p>I'm using a wordpress plugin who allows me to generate filters fields.
  I can't modify the css directly in the plugin so I use <code>.addClass</code>.</p>
  
  <p>The problem is when the page is loading, the plugin display briefly the fields without the class I added in Jquery.</p>
  
  <p>How can I display directly these fields with appropriate class ?
  I tried to bypass the problem with a preloader but on mobile device, loading is too long.</p>
  
  <p><a href="http://www.capitainebar.com/recherche" rel="nofollow">You can check it here</a></p>
  
  <p>My code :</p>
  
  <p><code>$("[data-id='1']").addClass( "grid-33 suffix-66 tablet-grid-33 tablet-suffix-66 mobile-grid-50 mobile-suffix-50 bloc-arrondissement" );
  $("[data-id='2']").addClass( "grid-33 tablet-grid-33 mobile-grid-100 slider-prix" );
  $("[data-id='3']").addClass( "grid-33 tablet-grid-33 mobile-grid-100 slider-prix" );
  $("[data-id='4']").addClass( "grid-33 tablet-grid-33 mobile-grid-100 slider-prix" );</code></p>