Problem with basic panel

Problem with basic panel

Hi,
I am just starting with JQM and am trying to have a basic sliding panel work but as soon as I add the panel to the code (see here below), I obtain the following error "cannot read property 'options' of undefined" and the page does not display at all (the loading icon is the only thing I get).
Could you please tell me what's going wrong?

  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>
  6. <meta charset="utf-8">
  7. <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10.     <title></title>
  11. <link href="/mobile/css/jquery.mobile-1.3.1.min.css" rel="stylesheet" type="text/css" />
  12. <script src="/mobile/script/jquery-2.0.2.min.js" type="text/javascript"></script>
  13. <script src="/mobile/script/jquery.mobile-1.3.1.min.js" type="text/javascript"></script>
  14. </head>
  15. <body>
  16.     <!-- Page! -->
  17. <div data-role="page" id="page1">
  18. <!-- panel -->
  19. <div data-role="panel" id="myPanel" data-position-fixed="true" >
  20. <p>This is my panel</p>
  21. </div>
  22. <div data-role="content">
  23. <div data-role="navbar" data-iconpos="left">
  24. <ul>
  25. <li>
  26. <a href="#myPanel" data-transition="fade" data-theme="b" data-icon="grid">
  27. </a>
  28. </li>
  29. <li>
  30. <a href="#page2" data-transition="fade" data-theme="" data-icon="info">
  31. </a>
  32. </li>
  33. </ul>
  34. </div>
  35. <div style=" text-align:center">
  36. <img style="width: 288px; height: 100px" src="/img/banner/cl2u_logo_PayPal.png">
  37. </div>
  38. <ul data-role="listview" data-divider-theme="b" data-inset="true">
  39. <li data-role="list-divider" role="heading">
  40. What do you want to do?
  41. </li>
  42. <li data-theme="c">
  43. <a href="#page3" data-transition="flip">
  44. <h1>Option 1</h1>
  45. <p>I want to do this</p>
  46. <span class="ui-li-count">
  47. 256
  48. </span>
  49. </a>
  50. </li>
  51. <li data-theme="c">
  52. <a href="#page4" data-transition="flip">
  53. <h1>Option 2</h1>
  54. <p>I want to do that</p>
  55. <span class="ui-li-count">
  56. 1589
  57. </span>
  58. </a>
  59. </li>
  60. </ul>
  61. <a data-role="button" href="#page5" data-icon="arrow-r" data-iconpos="right">
  62. Or even this...
  63. </a>
  64. </div>
  65. </div>
  66.       
  67.         <div data-role="page" id="page2">Page 2</div>
  68. <div data-role="page" id="page3">Page 3</div>
  69. <div data-role="page" id="page4">Page 4</div>
  70. <div data-role="page" id="page5">Page 5</div>
  71. </body>
  72. </html>