jQuery getJSON-Syntaxfehler bei einem gültigen JSON

Ich habe das folgende JSON-Dokument

// json.json
[  
   {  
      "title":"title1",
      "value":12234
   },
   {  
      "title":"title2",
      "value":"some text"
   },
   {  
      "title":"title3",
      "value":"12qwerty234"
   },
   {  
      "title":"title4",
      "value":123.5
   }
]   

Ich benutze jQuery, um es zu laden. Hier ist der Code:

$(document).ready(function(){
    $.getJSON("json.json", {},function(result){
        $.each(result, function(i, obj) {
            $("form").append($('<label for="'+i+'">'+obj.title+'</label>'));
            $("form").append($('<input id="'+i+'" value="'+obj.value+'" type="text"/><br>'));
        });
    });
});

Mein Problem ist, dass ich in Firefox einen Syntaxfehler bekomme. Ich ladejson.json als lokale Datei. Hier ist ein Screenshot (der Fehler lautet "Syntaxfehler in Zeile 1")

Beachten Sie, dass das Formular erfolgreich generiert wurde.

Bearbeiten: Hier ist ein weiterer Screenshot von Chrome, wenn Python ausgeführt wirdSimpleHTTPServer:

Antworten auf die Frage(4)

Ihre Antwort auf die Frage