title: Correct PhoneGap - Cordova multipage approach
body: <p>Are there any significant reasons to use one page with all the html in it and div elements with the <code>data-role='page'</code> attribute set instead of multiple page files in <a href="http://www.phonegap.com" rel="nofollow">PhoneGap</a>?</p>
  
  <p>I seem to be having some issues with code on a secondary page (ie linked from <code>index.html</code>) that in turn works correctly when made the primary loaded file.</p>
  
  <p>A reason why I'm asking this is the apparent inability of importing reusable code easily, like a common header with all the includes and js that are common to all pages therefore not being able to adhere to the <a href="http://en.wikipedia.org/wiki/Don%27t_repeat_yourself" rel="nofollow">DRY</a> principle.</p>
  
  <p>A big page with all the includes of all the sections of the page seems a bit overkill, so I'm assuming something in-between like importing the extra js files when transitioning from one page to the other would be appropriate or maybe since they're all loaded from the local file-system the loading times would be fast enough to do one "big-load"</p>