Jquery Mobile Page Structure

Jquery Mobile Page Structure

Hi,
I have some doubts in jquery mobile with phonegap .
I have provided the sample below.Whether this is the correct jquery mobile structure or not?
   <html> 
      <head> </head> 
      <body> 
      <div data-role="page"> 
      <script> 
      function init() { } 
      </script> 
      <style> </style>
       <script type="text/javascript" charset="utf-8" src="cordova-2.1.js"></script>
       <div data-role="header"></div> 
      <div data-role="content"></div> 
      <div data-role="footer"></div> 
      <div> 
      </body> 
      </html> 
 this is the link for jquery mobile:
http://jquerymobile.com/demos/1.0/index.html
 
Please guide me asap.
 
Please provide the correct structure of Jquery Mobile with Phonegap
 
Thanks
nathiya