pageshow event not working

pageshow event not working

I can't seem to get the pageshow event to work. The html below is the page that I am navigating to with the pageshow event wired up. However when the page opens the alert is not invoked. I'm sure I've done something wrong but I can't work out what?

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head runat="server">
  6.     <title></title>

  8.     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
  9.     <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
  10.     <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>

  12. </head>
  13. <body>
  14.     <div id="mypage" data-role="page"  data-theme="b"> 
  15.    <div data-role="header">
  16.             <h1>Page 2</h1>
  17.         </div> 
  18.    <div data-role="content">
  19.             <p>This is page 2.</p>
  20.         </div> 
  21.     </div> 

  23.     <script type="text/javascript" language="javascript">
  24.         $('mypage').live('pageshow', function (event, ui) {
  25.             alert('This page was just hidden: ' + ui.prevPage);
  26.         });
  27.     </script>
  28. </body>
  29. </html>