title: JSON Not pulling data?
body: <p>Can anyone fill me in as to why this isn't pulling my JSON data. I think I have the syntax correct but the page doesn't pull the data. Any thoughts?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;PhoneGap Ajax Sample&lt;/title&gt;
          &lt;script type="text/javascript" src="phonegap.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              function appReady(){
                  var ajax = new XMLHttpRequest();
                  ajax.open("GET","http://www.lcbcchurch.com/mobileJSON/homeslideshow",true);
                  ajax.send();
  
                  ajax.onreadystatechange=function(){
                      if(ajax.readyState==4 &amp;&amp; (ajax.status==200||ajax.status==0)){
                          eval('var data = ' + ajax.responseText + ';');
                          var theResults = data.results;
                          var theHTML = '';
                          for(var i=0;i&lt;theResults.length;i++){
                              theHTML += [
                                          '&lt;div class="avatar"&gt; &lt;img src='+theResults[i].slideshow-image+' /&gt;'].join('');
                          }
                          document.getElementById('main').innerHTML = theHTML;
                      }
                  }
              }
              document.addEventListener("deviceready", appReady, false);
  
              &lt;/script&gt;
  
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="main"&gt;
  
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>