pageinit, does not work on the second page

pageinit, does not work on the second page

I have the first page and run the PageInit, starting the page, print a console.log ('Done');

I have this code:

categories.php
  3. <script>

  5. $( document ).on( "pageinit", "#page1", function() {
  7. console.log('Entra al Page Init');

  9. $(".catItem").click(function(){
  11. var id=$(this).attr("id");
  12. $.mobile.changePage( "Personal.php", { reloadPage: false, transition: "none",type: "post",data: 'idCat='+id} );
  13. });
  14. });
  15. </script>
  17. <div data-role="page" id="page1" >
  18. ....


When the second page load, not load the PageInit, I have to make a load manually. with F5

This is my second page:

personal.php

  2. <script>

  4. $( document ).on( "pageinit", "#page1", function() {
  5. console.log('Second');
  6. });
  7. </script>

  9. <div data-role="page" id="Pagina2" >
  10. ....
I hope you can help me.