title: jQuery getJSON syntax error on a valid JSON
body: <p>I have the following json document</p>
  
  <pre><code>// json.json
  [  
     {  
        "title":"title1",
        "value":12234
     },
     {  
        "title":"title2",
        "value":"some text"
     },
     {  
        "title":"title3",
        "value":"12qwerty234"
     },
     {  
        "title":"title4",
        "value":123.5
     }
  ]   
  </code></pre>
  
  <p>I am using jQuery to load it. Here is the code:</p>
  
  <pre><code>$(document).ready(function(){
      $.getJSON("json.json", {},function(result){
          $.each(result, function(i, obj) {
              $("form").append($('&lt;label for="'+i+'"&gt;'+obj.title+'&lt;/label&gt;'));
              $("form").append($('&lt;input id="'+i+'" value="'+obj.value+'" type="text"/&gt;&lt;br&gt;'));
          });
      });
  });
  </code></pre>
  
  <p>My problem is, that I am getting a syntax error in Firefox. I load <code>json.json</code> as a local file.
  Here is a screenshot (<strong><em>the error says "syntax error at line 1"</em></strong>)</p>
  
  <p><img src="https://i.stack.imgur.com/qJ3vQ.png" alt="enter image description here"></p>
  
  <p>Note, that form has been generated successfully.</p>
  
  <p><strong>Edit :</strong>
  Here is another screenshot from Chrome when running python <code>SimpleHTTPServer</code>:</p>
  
  <p><img src="https://i.stack.imgur.com/7OIzz.png" alt="enter image description here"></p>