title: data transition is not working for external link
body: <pre><code>&lt;div data-role="header" id="header"&gt; &lt;h1&gt;Qsr Food&lt;/h1&gt; &lt;a href="info.html" rel="external" data-icon="info" data-iconpos="notext" data-rel="dialog" data-transition = "flip" class="ui-btn-right"&gt;info&lt;/a&gt; &lt;/div&gt;&lt;!------- header div-----&gt; &lt;div data-role="content" id="content"&gt; &lt;/div&gt;&lt;!----- main div-------&gt;
  </code></pre>
  
  <p>and here is info.html code</p>
  
  <pre><code>&lt;div data-role="dialog" id="info" data-theme="e" data-transition="flip"&gt; &lt;div data-role="header"&gt; &lt;h1&gt;About View Source&lt;/h1&gt; &lt;/div&gt;
  
  &lt;div data-role="content"&gt;
  &lt;p&gt; View Source offers short projects on intermediate to advanced web design topics, coveing technologies such as HTML, PHP&lt; JQuery, and CSS, as well as content management solutions like WordPress and integration with Twitter, YouTube, and more.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>whats wrong with me</p>