title: how to use ajax to get data for a PhoneGap application?
body: <p>i've been researching on how to use ajax to get some content from a php file, but i run into some problems. It does not get the data.</p>
  
  <p>here is my code:</p>
  
  <pre><code>&lt;script type="text/javascript" charset="utf-8"&gt;
  //$(document).ready(function () {
  
      var path = "http://website.com/php/functions.php";
  
          $( document ).bind('mobileinit', function () {
              $.get(path+'?get_param=value', function (data) {
                  $('#pageshow').html(data);
              });
              $.mobile.allowCrossDomainPages = true;
          });
          alert(path+'?get_param=value');
  //});
  &lt;/script&gt;
  
  &lt;div data-role="content"&gt;   
      &lt;h1&gt;Hello World&lt;/h1&gt;    
      &lt;div id="pageshow"&gt;1&lt;/div&gt;          
  &lt;/div&gt;&lt;!-- /content --&gt;
  </code></pre>
  
  <ul>
  <li><p>if i go to that link in my browser i get the data.</p></li>
  <li><p>im not sure if <code>var path = "http://website.com/php/functions.php";</code> should be <code>var path = "php/functions.php";</code> but all files are in the same folder on the server</p></li>
  </ul>
  
  <p>any suggestion on how to make this work?</p>
  
  <p>lots of thanks</p>