hiding header not working with multiple-page template

hiding header not working with multiple-page template

Hi there,

I'm using version 1.4.5.
Structure is like this:
  1. <head>
  2. ...
  3. <script>
  4.       $(function () {
  5.             $("[data-role='header']").toolbar();
  6.             $("[data-role='panel']").panel();
  7.       });
  8. </script>
  9. </head>
  10. <body>
  11. <div data-role="header" data-position="fixed" ...>
  12.       <a href="#tocpanel" class="...">...
  13.       ...
  14. </div>
  15. <div data-role="page" id="one">
  16. ...
  17. </div>
  18. <div data-role="page" id="two">
  19. ...
  20. </div>
  21. <div data-role="panel" id="tocpanel" ...>
  22.       <a href="#one">...
  23.       <a href="#two">...
  24. </div>
  25. </body>
Multiple-page template works like a charm.
Fixed header also works on both pages.
Expected behaviour on every page is that you can change the header class 'ui-fixed-hidden' with a click anywhere on page.
But this only works on the first page (id="one") and not on the second page (id="two")!

Any ideas on how to solve this?

Thanks in advance,
Ronald