title: getJSON not fetching data
body: <p>My code below is not fetching data from data.js
  The page works fine when the JSON data is hard coded into the page.</p>
  
  <pre><code>&lt;head&gt;
      &lt;title&gt;Test Page&lt;/title&gt;
      &lt;script&gt;
      function jsontest() {
          var text;
          $.getJSON("data.js", function(result) {
              text = result;
          });
          var obj = JSON.parse(text);
          document.getElementById("content").innerHTML =
          obj.name + "&lt;br&gt;" +
          obj.street + "&lt;br&gt;" +
          obj.phone;
      }
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body onload="jsontest();"&gt;
      &lt;h1&gt;Testing Page&lt;/h1&gt;
      &lt;p id="content"&gt;&lt;/p&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>My data looks like this</p>
  
  <pre><code>{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}
  </code></pre>
  
  <p>Am I making a simple nooby mistake?</p>