title: Efficient way to set the header and footer in jquery mobile
body: <p>My jquery mobile page has a very long list to scroll ,also they have fixed header and footer
  when i scroll down the list the header and footer disappears while scrolling and they appear when scrolling stops. Is there anyway to make header and footer hardcore fixing in top and bottom of the screen? Thanks.</p>
  
  <p>Note: I have used <code>data-position=fixed</code></p>