title: JQuery Mobile: Add additional class to JQM styled element
body: <p>I want to add a class to JQM's list divider <code>&lt;li&gt;</code>'s:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-bar-e ui-first-child"&gt;A&lt;/li&gt;`
  </code></pre>
  
  <p>I have done this using JQuery within the HTML doc:</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;script type="text/javascript"&gt;
                  document.addEventListener("deviceready", function(){
                      $('.ui-li-divider').addClass('customClass');
                  });
  &lt;/script&gt;
  </code></pre>
  
  <p>However, this does not seem to add the class to the element at all. If I inspect the element within my browser, I dont see <code>customClass</code> added to it.</p>
  
  <p>Does anyone know the correct way of doing this without going into the guts of the JQM library?</p>
  
  <p>(Note: the style sheet that has <code>cusomClass</code> is linked below the JQM style sheet)</p>