title: Getting Jquery mobile script error(**Error Loading Page**) while clicking on URL or Href?
body: <p>I have created a sample web application using jQuery Mobile. </p>
  
  <p>I have created two <code>&lt;div&gt;</code>s; one contains <strong>href</strong> and another contains the content. When I click on HREF It showing jquery-mobile script Error as like below:</p>
  
  <p><strong>Error Loading Page</strong></p>
  
  <p>Can anybody see what might be causing this error?</p>
  
  <pre><code>    &lt;html&gt; &lt;head runat="server"&gt;    &lt;title&gt;How to expand collapse div layer using jQuery&lt;/title&gt;
             &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"&gt;&lt;/script&gt;    &lt;script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-.0a3.min.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-.0a3.min.css" /&gt;    
     &lt;script language="javascript"&gt;
         $(document).ready(function () {
         var $pages = $('#pages &gt; *').hide(); 
             $('#content a').click(function() {
                  $pages.hide();
                  $($(this).attr('href') ).show();
              });
         });
     &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;  
     &lt;div data-role="page"&gt;
     &lt;div data-role="header" class='header_align'&gt;Bristol-Myers Squibb&lt;/div&gt;
  
         &lt;h2&gt;
             How to expand collapse div layer using jQuery&lt;/h2&gt;
         &lt;div id="toggle"&gt;
             &lt;div id="heading"&gt;Heading&lt;/div&gt;
             &lt;div id="content"&gt;
                &lt;ul&gt;
                   &lt;li&gt;&lt;a href="#page-1"&gt;Page1&lt;/a&gt;&lt;/li&gt;
                   &lt;li&gt;&lt;a href="#page-2"&gt;Page2&lt;/a&gt;&lt;/li&gt;
                   &lt;li&gt;&lt;a href="#page-3"&gt;Page3&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
             &lt;/div&gt;
         &lt;/div&gt;
         &lt;div id="pages"&gt;
              &lt;div id="page-1"&gt;Page 1 Content&lt;/div&gt;
              &lt;div id="page-2"&gt;Page 2 Content&lt;/div&gt;
              &lt;div id="page-3"&gt;Page 3 Content&lt;/div&gt;
         &lt;/div&gt;
       &lt;/div&gt;    
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>