I have 5 pages - for ease lets say:

* one.html
* two.html
* three.html
* four.html
* five.html

When I load each individual page, both `pageinit` and `pagecreate` are firing correctly. 

The Problem:

When I go from one.html to two.html, `pageinit` and `pagecreate` both fire, BUT when I go back to one.html (from two.html), `pageinit` and `pagecreate` DO NOT fire. 

Why is this and how can I always fire `pageinit` and `pagecreate` on page load, as well as navigating through each page?

Update:

For each page I have:

```
<div data-role="page" id="page-name">

 // content
</div>

```

To test the order at when things are firing I do:

```
$(document).on('pagecreate','[data-role=page]', function(){
  console.log('PAGECREATE');
});
$(document).on('pageinit','[data-role=page]', function(){
  console.log('PAGEINIT');
});
$(document).on('pagebeforeshow','[data-role=page]', function(){
  console.log('PAGEBEFORESHOW');
});
$(document).on('pageshow','[data-role=page]', function(){
  console.log('PAGESHOW');
});

```

How do I use the pagechange to always call the `pageinit` and `pagecreate`