title: getJSON only returning [object Object],[object Object]
body: <p>I am testing out some code and I have created a json file with the data.</p>
  
  <p>The problem is that I'm getting "[object Object],[object Object]" in the alert. No data.</p>
  
  <p>What I'm I doing wrong?</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  
      $(document).ready(function() {
          $.getJSON("appData.json",function(results){alert(results);});
      });
  
  &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and here is the content of appData.json</p>
  
  <pre><code>[{"foo":"bar"},{"foo2":"blablabla"}]
  </code></pre>
  
  <p>Also, The index.html file and the json file are both on my desktop and I am running it from there.</p>