title: jQuery Mobile persisten fixed header tab bar with page transition
body: <p>i'm developing a simple three tabs app for Android and iPhone, using IBM Worklight as framework. Every tab links to a div with data-role="page", as jQuery Mobile specifications.</p>
  
  <p>If I implement the jquery fixed persistent tabbar like is explained there (<a href="http://jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-a.html" rel="nofollow">http://jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-a.html</a>), i'm encountering some flickering on the tab item in page transition (with any transiction effect).
  If I set the default transition to "none", I could resolve this problem, but I lost the transiction native-like effect.</p>
  
  <p>This behavior appears only if i test the App with a real android device (Xperia Neo, GS2).</p>
  
  <p>If i navigate trough the pages of <a href="http://jquerymobile.com/demos/1.2.0/" rel="nofollow">http://jquerymobile.com/demos/1.2.0/</a> with my smartphone, especially here: <a href="http://jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-d.html" rel="nofollow">http://jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-d.html</a> i can't see the strange behavior, but the footer won't be persistent trough the pages, it just re-render like the whole content and this is worse (this happen with the stock browser or Dolphin, instead looks very well by using Chrome).</p>
  
  <p>Is there a way to improve this effect or there is another way to implement fixed persistent tab bar?</p>
  
  <p>I used as reference the default Android Contacts App.</p>