title: Jquery mobile header background color for sub headings
body: <p>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 <a href="http://validator.w3.org/mobile/" rel="nofollow">http://validator.w3.org/mobile/</a>. 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).</p>
  
  <p>Alternatively I can define a custom class but I need to know have jquery already defined a class something similar to my requirement.</p>
  
  <p>FYI: here is my HTML example</p>
  
  <pre><code>&lt;div data-role="page" data-theme="a"&gt;
              &lt;header data-role="header"&gt;
                  &lt;div&gt;Main Heading&lt;/div&gt;
              &lt;/header&gt;
              &lt;!-- logo --&gt;
              &lt;hr/&gt;
              &lt;div class="ui-grid-b"&gt;
                  &lt;div class="ui-block-a"&gt;
                      &lt;a href="#"&gt;
                          &lt;div class="h_bag"&gt;&lt;/div&gt;
                          BAG (0)
                      &lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class="ui-block-b"&gt;
                      &lt;a href="#"&gt;
                          &lt;div class="lust_list"&gt;&lt;/div&gt;
                          LUST LIST
                      &lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class="ui-block-c"&gt;
                      &lt;a href="#"&gt;
                          &lt;div class="search_size"&gt;&lt;/div&gt;
                          SEARCH SIZE
                      &lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- header options --&gt;
  
              &lt;div class="ui-bar"&gt;
                  &lt;h1&gt;This Sub heading should to wrapped with background colour&lt;/h1&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>