title: jQuery mobile ajax navigation
body: <p>I am just getting my teeth into jQuery mobile (and so far it looks really interesting).</p>
  
  <p>I read a <a href="http://www.elated.com/res/File/articles/development/javascript/jquery/jquery-mobile-what-can-it-do-for-you/flip-transition.html" rel="nofollow">great tutorial on elated.com</a>, one part of which was about page transitions/ajax navigation. This looks great (on my iPhone) but if you look at the source it's all flat html on the same page.</p>
  
  <p>What i want/need is to point to another url and for ther same effect to happen if possible.</p>
  
  <p>I have been reading <a href="http://jquerymobile.com/test/docs/pages/docs-navmodel.html" rel="nofollow">here</a> info about data-url but I cant seem to get anything to work.</p>
  
  <p>Here is some very rough example code that obviosuly doesnt work:</p>
  
  <pre><code>&lt;p&gt;&lt;a href="#" data-url="test.html" data-transition="flip"&gt;My test link&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>What is the right code? Is it even possible?</p>