jquery mobile custom select menu goes back page-0

Question

I used multi-page template (JQM) and created a single html file with 2 pages (Page0 and Page1). When the html file is loaded Page0 is shown. In page0, there is a link to page1. In page1, I have included a custom select menu, which opens a dialog box when it is clicked. So far so good. Here is the problem:

When page0 is loaded, I click page1 link and then click the select menu and choose an item from it. At this point, I expect to return page1 but for some weird reason I am directed to page0.

Investigated the issue and came across the following discussion and very similar example.

Here is a very long discussion on github, I am experiencing the same problem.

https://github.com/jquery/jquery-mobile/issues/4595

Please visit the following link to see the issue in action:

http://output.jsbin.com/iqogin/21

1. click "Redirect to Page-1
2. click "Open Dialog"
3. click "close" button, and it goes back to Page-0 instead of Page-1

I use:

• Jquery mobile 1.4.5
• Jquery 1.11.1

Any suggestions?