My goal is to include a class in JQM's list divider <li>'s:
<li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-bar-e ui-first-child">A</li>I have attempted to accomplish this by utilizing JQuery within the HTML document:
<script type="text/javascript">
document.addEventListener("deviceready", function(){
$('.ui-li-divider').addClass('customClass');
});
</script>However, it appears that the class is not being added to the element at all. Upon inspecting the element in my browser, I do not see customClass included.
Is there a proper method to achieve this without delving into the core functions of the JQM library?
(Please note: the stylesheet containing cusomClass is linked below the JQM stylesheet)