So I'm a real novice when it comes to Jquery Mobile developement and I was wondering if anybody out there could help me understand one small aspect of the JQM library.

My problem is related to page content and the iOS keypad in particular. I have several pages with content that varies in size. For example, on one page I have five input fields and the next page I have only four. When I use the iOS "next" button to navigate between different fields and I end up at the last field, the footer appears automatically above the keypad which is ideally what I need.

However, on the next page with only four input fields, when I use the "next" button to navigate between the fields and i end up on the last field, then the footer does not appear directly above the keypad and on top of that, a white space is produced between the last input field and the footer once the keypad dissapears. So it seems the issue is related to the amount of content.

Any ideas why this happens? I'm guessing it has something to do with page content but I am not sure.