Jquery mobile, document ready not working with link tag

Jquery mobile, document ready not working with link tag

Hi All,
I have a problem.  I have 2 pages
Page1:
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4. <title>Page 1</title>
  5. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.css" />
  6. <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  7. <script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script>
  8.     </head>
  9.     <body>
  10. <h1><a href='page2.jsp'>Link to page 2</a></h1>
  11.     </body>
  12. </html>
Page 2:
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4. <title>pages 2</title>
  5. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.css" />
  6. <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  7. <script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script>
  8. <script>
  9. $(document).ready(function(){
  10. alert("I am a Page 2");
  11. });
  12. </script>
  13.     </head>
  14.     <body>
  15.         <h1>This is page 2</h1>
  16.     </body>
  17. </html>


When I run page1.jsp, i click "link to page2" function $(document).ready of page2.jsp not working

I don't know what happend???