I have a single html document with multiple pages.

I don't want to repeat the navbar for the pages.

My idea is to define a invisible div element that contains my navbar and, before jquery mobile does its magic, I want to enrich each page with a copy of the navbar.

Something like $('div[data-role="footer"]').append($('#footer-template').children());

If I do it in the $(document).ready function, this is too late.

If I do it in the $(document).bind("mobileinit") function, it is too early because the document is not loaded.

Is there a way to perform some transformation on the page content,

AFTER the content has been loaded

BEFORE jquerymobile does its magic.

Arnaud