title: jquerymobile + phonegap external page inside div / iframe
body: <p>im trying to embed external webpages (facebook pages / twitter) inside jqm iframe but the iframe didn't load.</p>
  
  <pre><code>&lt;div data-role="content" &gt;  
  &lt;iframe&gt;http://m.facebook.com/pages&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>i already put *.facebook.com in phonegap whitelist.</p>
  
  <pre><code>&lt;access origin="http://*.facebook.com" browserOnly="true"/&gt;
  </code></pre>
  
  <p>been looking for solution for a week now without any result.
  i wonder if anybody can give me another method, because this is not working.</p>
  
  <p>update: it seems i can inject random php page inside iframe, but cannot display facebook or twitter. do i need to use fb / twitter api?</p>
  
  <p>ps. im not doing a fbconnect stuff, just display the mobile version of a page.</p>
  
  <p>another thing that i did try:</p>
  
  <pre><code>$(document).on('pageshow', '#twit' ,function(){
  
      var ref = window.open(encodeURI('http://apache.org'), '_blank', 'location=yes');
      // relative document
      ref = window.open('next.html', '_self');
  
          $("#twitcont").append(ref);
  
  }
  </code></pre>