Jquery Mobile Page Structure

< html >    < head >    < title >Page Title</ title >    < link rel = "stylesheet" href = "http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />    < script src = "http://code.jquery.com/jquery-1.4.3.min.js" ></ script >    < script src = "http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js" ></ script > </ head > < body >
  < div data-role = "page" >
     < div data-role = "header" >      < h1 >Page Title</ h1 >    </ div >
     < div data-role = "content" >      < p >Page content goes here.</ p >       </ div >
     < div data-role = "footer" >      < h4 >Page Footer</ h4 >    </ div > </ div >
  </ body > </ html >