title: How do I make a sticky footer with jquerymobile?
body: <p>I want my footer to always be stick to the bottom of the screen, except in the case when there is enough page content to fill the screen In this case, the content should take priority and push the footer off the bottom (so that you have to scroll to see it).</p>
  
  <p>Here is an example of desired behavior:
  <a href="http://ryanfait.com/sticky-footer/" rel="nofollow">http://ryanfait.com/sticky-footer/</a></p>
  
  <p>To be clear, I know about <a href="http://jquerymobile.com/test/docs/toolbars/bars-fixed.html" rel="nofollow">fixed toolbars in JQM</a>, they are not what I want because they take up valuable screen space when there is a lot of content.</p>