title: jquery mobile multipage wont work
body: <p>Please help, </p>
  
  <p>jquery mobile multipage wont work when a page is called from another page. It only displays the buttons but doesnt navigate to its internal pages when clicked. It works fine when the page is access directly.</p>
  
  <pre><code>&lt;!-- Page 1--&gt;
  &lt;div data-role="page" id="description" data-title="Description"&gt;
  &lt;div data-role="header"  data-position="fixed" data-theme="d"&gt;
  &lt;!-- header 1--&gt;`enter code here`
  &lt;/div&gt;  
  &lt;/div&gt;
  &lt;div data-role="content"&gt;
  &lt;!--- content 1--&gt;
  &lt;/div&gt;
  &lt;div data-role="footer"  data-position="fixed" data-theme="d"&gt;
  &lt;div data-role="navbar"  data-iconpos="bottom"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="#description" data-role="button" data-icon="star"&gt;Description&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#physicians" data-role="button" data-icon="star"&gt;Physicians&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!-- Page 2--&gt;
  &lt;div id="Physicians" data-role="page" data-title="Physicians"&gt;
  &lt;div data-role="header"  data-position="fixed" data-theme="d"&gt;
  &lt;!-- header 2 --&gt;
  &lt;/div&gt;
  &lt;div data-role="content"&gt;
  &lt;!-- content 2 --&gt;
  &lt;/div&gt;
  &lt;div data-role="footer"  data-position="fixed" data-theme="d"&gt;
  &lt;div data-role="navbar"  data-iconpos="bottom"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="#description" data-role="button" data-icon="star" data-transition="pop"&gt;Description&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#physicians" data-role="button" data-icon="star" data-transition="pop"&gt;Physicians&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>