title: loading other domain page in my app
body: <p>jquery mobile app, how can I load other domain web page</p>
  
  <p>i tried iFrame but then having mobiles size problem</p>
  
  <p>i tried PHP file_get_contents the page load but the internal link/script doesn't work</p>
  
  <p>any idea ??</p>
  
  <p>thanks</p>
  
  <p>here is my code</p>
  
  <p>HTML:
       </p>
  
  <pre><code>&lt;div data-role="header"&gt;
      &lt;a href="#home" data-role="button"  data-inline="true" data-icon="home" &gt;home&lt;/a&gt;
      &lt;h1&gt;lists&lt;/h1&gt;
  &lt;/div&gt;
  &lt;div data-role="content"&gt;
      &lt;div id="listDetail" style="height:100%;width:100%"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>JS</p>
  
  <pre><code>    var list_url= 'http://lists.php';
      $.ajax({          
          type:  'GET',
          data: {area: areaID },
          url:   list_url,
          dataType: 'html',              
          success: function(result){
              $("#listDetail").html(result);
          }
       });
  </code></pre>
  
  <p>PHP</p>
  
  <pre><code>    echo file_get_contents("http://m.booking.com/searchresults.html?aid=123456&amp;lang=en&amp;lang=en&amp;latitude=55&amp;longitude=56&amp;radius=40");
  </code></pre>