Błąd składni jQuery getJSON na poprawnym JSON

Mam następujący dokument jsona

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

Używam jQuery do załadowania. Oto kod:

$(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>'));
        });
    });
});

Mój problem polega na tym, że w Firefoksie pojawia się błąd składniowy. Ładujęjson.json jako plik lokalny. Oto zrzut ekranu (błąd mówi „błąd składni w linii 1”)

Uwaga: ten formularz został wygenerowany pomyślnie.

Edytować : Oto kolejny zrzut ekranu z Chrome podczas uruchamiania pythonaSimpleHTTPServer:

questionAnswers(4)

yourAnswerToTheQuestion