Encontre esta resposta No Jquery para dispositivos móveis, cabeçalho e rodapés estão sempre ocultos ao clicar dentro da página?

A única diferença que tenho é que NÃO tenho dados em tela cheia = "true", mas tenho um cache de dados = "nunca"

barra @footer continua aparecendo e desaparecendo. Só quero que a barra de navegação do rodapé esteja na parte inferior da tela sem desaparece

<div data-role="page" data-cache="never" id="mainPage">
<script>
$('#mainPage').live('pagecreate', function (event) {

    $.fixedToolbars.setTouchToggleEnabled(false);

});
</script>
....header stuff
<div data-role="content" id="mainContent">
....
</div>
<div data-role="footer" data-theme="a" data-position="fixed">
  <div data-role="navbar">
    <ul>
      ... 4 li's
    </ul>
  </div>
</div>
</div>

EDITA

Aqui vamos nós. Como isso é feito?http: //jquerymobile.com/test/experiments/scrollview/#../../docs/toolbars/footer-persist-a.htm

@Header carrega imediatamente, mas não o rodapé. Gostaria que meu rodapé agisse como o cabeçalho dessa página.