I would like to use floatbox ( http://floatboxjs.com/) on my mobile web app.

It works well on the first page (index.php).

But it doesn't work on subsequent pages (i.e.: page2.php).

To make it work on page2.php I need to refresh the browser page manually. But this isn't a solution (on a mobile web app you cannot reload a page).

After refreshing the page2.php the floatbox works.

But then it doesn't work anymore in the first page (index.php).

I already tried to load floatbox js and css file on every page.

I tried to load these inside the <div data-role="page"> tag but the problem persists.

I have read a lot about this problem but I haven't found a solution yet.

Is there a simple tutorial (for newbie like me) that explains how to load javascript in avery page?

I'm using Jquery Mobile 1.3.1.

TIA

tony