title: JQuery Mobile and Phonegap - not getting any JQuery Mobile css effects
body: <p>I am trying to write an appw ith both JQuery Mobile and PhoneGap(Cordova).</p>
  
  <p>So far Phonegaps behaving fine and I can do some simple animations with plain JQuery. I want to make use of JQuery Mobiles styling abilities, eg:</p>
  
  <pre><code>  &lt;div data-role="header"&gt;
  </code></pre>
  
  <p>However, none of this comes through. Perhaps I have set this up wrongly? Ive compared to sample projects and it seems fine.</p>
  
  <p>The header div should have a iOS looking black bar with a gradient, but it appears unstyled. Can anyone point me in the right direction?</p>
  
  <p>My code is:</p>
  
  <pre><code>        &lt;!-- JQM css--&gt;
          &lt;link rel="stylesheet" type="text/css" href="css/jqmcss.css" /&gt;
          &lt;!-- Normal css--&gt;
          &lt;link rel="stylesheet" type="text/css" href="css/styles.css" /&gt;
          &lt;title&gt;My App&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
        &lt;div data-role="page"&gt;
            &lt;div data-role="header"&gt;
                &lt;h1&gt;Program&lt;/h1&gt;
            &lt;/div&gt;&lt;!--HEADER--&gt;
  
  &lt;!--OTHER DIVS--&gt;
  
     &lt;/div&gt;&lt;!--PAGE--&gt;
  
          &lt;script type="text/javascript" src="cordova-2.7.0.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="js/jquery.min.1.9.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="js/jquery.mobile.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="js/myscripts.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              app.initialize();
          &lt;/script&gt;
      &lt;/body&gt;
  </code></pre>