title: Data-Theme set to page not applied to header and footer with jquerymobile
body: <p>Maybe there is something obvious I cannot see but I think that setting data-theme in the div with data-role=page  was supposed to set it for everything:</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt; 
  &lt;html&gt; 
      &lt;head&gt; 
      &lt;title&gt;Page Title&lt;/title&gt; 
  
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; 
  
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /&gt;
      &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt; 
  &lt;body&gt; 
  
  &lt;div data-role="page" data-theme="b"&gt;
  
      &lt;div data-role="header"&gt;
          &lt;h1&gt;Page Title&lt;/h1&gt;
      &lt;/div&gt;&lt;!-- /header --&gt;
  
      &lt;div data-role="content"&gt;   
          &lt;p&gt;Page content goes here.&lt;/p&gt;      
      &lt;/div&gt;&lt;!-- /content --&gt;
  
      &lt;div data-role="footer"&gt;
          &lt;h4&gt;Page Footer&lt;/h4&gt;
      &lt;/div&gt;&lt;!-- /footer --&gt;
  &lt;/div&gt;&lt;!-- /page --&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But I still get the default theme A</p>
  
  <p>What am I doing wrong? Or is this a bug?
  It was working in 1 alpha 4 but not in 1 final.</p>