I'm currently developing jquery custom mobile template. I need to know can we use \[code\]data-role="header"\[/code\] tag more than once in a page ? Because in my page as per the header and footer I've couple of in the middle also. For example headings should be wrapped with background color and even though I used will it be validate http://validator.w3.org/mobile/. Also I tried applying following jquerymobile class to a div \[code\]class="ui-bar"\[/code\] but it's not working as I expected eg 
not reading the background color).Alternatively I can define a custom class but I need to know have jquery already defined a class something similar to my requirement.FYI: here is my HTML example\[code\]<div data-role="page" data-theme="a"> <header data-role="header"> <div>Main Heading</div> </header> <!-- logo --> <hr/> <div class="ui-grid-b"> <div class="ui-block-a"> <a href="http://stackoverflow.com/questions/14558520/#"> <div class="h_bag"></div> BAG (0) </a> </div> <div class="ui-block-b"> <a href="http://stackoverflow.com/questions/14558520/#"> <div class="lust_list"></div> LUST LIST </a> </div> <div class="ui-block-c"> <a href="http://stackoverflow.com/questions/14558520/#"> <div class="search_size"></div> SEARCH SIZE </a> </div> </div> <!-- header options --> <div class="ui-bar"> <h1>This Sub heading should to wrapped with background colour</h1> </div> </div>\[/code\]
not reading the background color).Alternatively I can define a custom class but I need to know have jquery already defined a class something similar to my requirement.FYI: here is my HTML example\[code\]<div data-role="page" data-theme="a"> <header data-role="header"> <div>Main Heading</div> </header> <!-- logo --> <hr/> <div class="ui-grid-b"> <div class="ui-block-a"> <a href="http://stackoverflow.com/questions/14558520/#"> <div class="h_bag"></div> BAG (0) </a> </div> <div class="ui-block-b"> <a href="http://stackoverflow.com/questions/14558520/#"> <div class="lust_list"></div> LUST LIST </a> </div> <div class="ui-block-c"> <a href="http://stackoverflow.com/questions/14558520/#"> <div class="search_size"></div> SEARCH SIZE </a> </div> </div> <!-- header options --> <div class="ui-bar"> <h1>This Sub heading should to wrapped with background colour</h1> </div> </div>\[/code\]