Check this jsfiddle
The footer is set with data-position="fixed" but tapping the screen will not hide the footer element as shown here in the jquery mobile fixed toolbars example. Anyone knows why?
The footer is getting the class .ui-fixed-hidden but nothing happens, I guess some js rows is not kicking in.
The footer is not hidden because there is not enough content on the page. It will only hide if it is obscuring content so that you can see the content.
If you add enough content to the page to scroll past the end the footer will hide on tap.