title: jQuery Mobile links not working without data-ajax="false", why?
body: <p>I'm currently working on a jQuery Mobile enabled website. On this website I have some kind of inbox page, where you can press a button that will redirect you to the message you clicked. But I cannot get the hyperlink to work without <code>data-ajax="false"</code>, which means, I cannot use any of the nice animations jQuery Mobile offer. :-(</p>
  
  <p>If I don't use the <code>data-ajax="false"</code> attribute the page loads a white page, so I would like to know why it is necessary to use the data-ajax attribute? And how I can change the link so that it will work without the data-ajax attribute, so I can use the animations again.</p>
  
  <p>this is my link:</p>
  
  <pre><code>&lt;a href="/members/stuurbericht/513661?prid=3575" data-ajax="false"&gt;
      &lt;img src="btn_stuurbericht.png" class="fifthimage"&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>============= EDIT ===============</p>
  
  <p>Guess this question got lost in the history of stackoverflow, so I hope editting it will upvote it or something...</p>
  
  <p>I still cannot use any links without the <code>data-ajax="false"</code>, and it turns out to be a problem with every page on my website. When I click a link:</p>
  
  <pre><code>&lt;a href="/zoeken?prid=3575" data-transition="slide"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>JQM adds a <code>div</code> at the bottem of the page, within the <code>body</code> tag. The html of this <code>div</code> is: </p>
  
  <pre><code>&lt;div data-role="page" data-url="/zoeken?prid=3575" data-external-page="true" 
  tabindex="0" class="ui-page ui-body-c ui-page-active" style="min-height: 494px;"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would expect that this div should contain the HTML code of the page, but it doesn't, as you can see the content is empty (like the page that is showing). Also there are no jquery errors, and unfortunently my jquery knownledge is too little to see what goes wrong inside the jquery mobile function that loads the HTML of the page ($.mobile.changePage). </p>
  
  <p>I'm sorry but I cannot add any source code of the actual website because I like to remain anonymous about my work. But I can assure there are no errors on the page (jquery / html) and the page consist of a nice <code>&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;div data-role="page"&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;</code> structure.</p>