$.mobile.changePage shows 'to' page, but then sends back to 'from' page

$.mobile.changePage shows 'to' page, but then sends back to 'from' page

Hello everyone,
I'v been playing around with jquery mobile and I have to say that i like it. I have came across this issue - I have two pages and I have connected to the 'swipe' event and I am trying to go from one page to other. It works fine, but after few swipes it starts to behave weird. I am on page1 and I swipe to page2 which shows up and then it seems like changePage is triggered immediately again and takes me back to page1. Could anyone give me advice what am I doing wrong?
Here is my code of page1:
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1"> 
  7.   <title>Page1</title>    
  8.   <link rel="stylesheet" href="css/jquery.mobile-1.2.0.css" />    
  9.   <script type="text/javascript" src="js/jquery-1.8.2.js"></script>          
  10.   <script type="text/javascript" src="js/jquery.mobile-1.2.0.js"></script>     
  11. </head>
  12. <body>
  13. <!--HEADER-->
  14. <div id="page1" data-role="page">
  15. <script type="text/javascript">
  17. $("#page1").live('swipeleft',function(){
  18. $.mobile.changePage("/t/page2.html")
  19. })
  21. </script>
  22. <div id="header" data-role="header" data-position="fixed" data-theme="b">
  23. <h1>Page 1</h1>
  24. <p class="ui-btn-right time" style="margin-top:.6em;"></p>
  25. <div data-role="navbar">
  26. <ul>
  27. <li><a href="/t/page1.html" class="ui-btn-active ui-state-persist" data-prefetch>Page 1</a></li>
  28. <li><a href="/t/page2.html" data-prefetch>Page 2</a></li>
  29. </ul>
  30. </div>
  31. </div>
  32. <!--CONTENT-->
  33. <div id="content" data-role="content" style="height: 100%;">
  34.       This is page 1.
  35. </div>
  36. <!--FOOTER-->
  37. <div id="footer" data-role="footer" data-position="fixed" data-theme="b">
  38. <h3>2012 &copy; Me</h3>
  39. </div>
  40. </div>
  41. </body>
  42. </html>
And here is code of my page2:
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1"> 
  7.   <title>Page2</title>    
  8.   <link rel="stylesheet" href="css/jquery.mobile-1.2.0.css" />    
  9.   <script type="text/javascript" src="js/jquery-1.8.2.js"></script>          
  10.   <script type="text/javascript" src="js/jquery.mobile-1.2.0.js"></script>       
  11. </head>
  12. <body>
  13. <div id="page2" data-role="page">
  14. <script type="text/javascript">
  16. $("#page2").live('swiperight',function(){
  17. $.mobile.changePage("/t/page1.html")
  18. })
  20. </script>
  21. <!--HEADER-->
  22. <div id="header" data-role="header" data-position="fixed" data-theme="b">
  23. <h1>Page 2</h1>
  24. <p class="ui-btn-right time" style="margin-top:.6em;"></p>
  25. <div data-role="navbar">
  26. <ul>
  27. <li><a href="/t/page1.html" data-prefetch>Page 1</a></li>
  28. <li><a href="/t/page2.html" class="ui-btn-active ui-state-persist" data-prefetch>Page 2</a></li>
  29. </ul>
  30. </div>
  31. </div>
  32. <!--CONTENT-->
  33. <div id="content" data-role="content" style="height: 100%;">
  34.       This is page 2
  35. </div>
  36. <!--FOOTER-->
  37. <div id="footer" data-role="footer" data-position="fixed" data-theme="b">
  38. <h3>2012 &copy; Me</h3>
  39. </div>
  40. </div>
  41. </body>
  42. </html>
I'v been testing this with latest Google Chrome on Windows XP.