title: jquery mobile,cordova not working on iphone simulator
body: <p>I am new to ios phonegap . I started to cordova based application.My code does not show header and footer in emulator but works fine in browser. My index.html code is something like this.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;JQM Sample&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;
      &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt;
      &lt;meta charset="utf-8"&gt;
     &lt;script type="text/javascript" charset="utf-8" src="cordova-1.7.0.js"&gt;&lt;/script&gt;
      &lt;link href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body &gt;
      &lt;div data-role="page"&gt;
          &lt;div data-role="header" data-position="fixed" &gt;
              &lt;h1&gt;Header&lt;/h1&gt;
          &lt;/div&gt;
          &lt;div data-role="content"&gt;
  &lt;p&gt;Welcome&lt;/p&gt;
  ...
             &lt;/div&gt;
          &lt;div data-role="footer"  data-position="fixed" &gt;
              &lt;h1&gt;Footer&lt;/h1&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Am i missing something?
  ​My ios version is 5.1.I have also added URL in Cordova.plist,still not working.</p>