Erro de sintaxe getJSON do jQuery em um JSON válido

Eu tenho o seguinte documento json

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

Eu estou usando o jQuery para carregá-lo. Aqui está o código:

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

Meu problema é que estou recebendo um erro de sintaxe no Firefox. Eu carregojson.json&nbsp;como um arquivo local. Aqui está uma captura de tela (o erro diz "erro de sintaxe na linha 1")

Note que esse formulário foi gerado com sucesso.

Editar:&nbsp;Aqui está outra captura de tela do Chrome ao executar o pythonSimpleHTTPServer: