So I've got this script embedded in my HTML code
$(document).ready(function() {
type :'GET',
url :'MapleLeafs2011.json',
dataType :'json',
success :processTeam,
error :function() {
alert('error');
}
});
function processTeam(data) {
var team = data.name;
("#team").html(team);
}
And here is the JSON data that I am trying to retrieve
{
"name": "Toronto Maple Leafs",
"season": "2011-2012",
"players": {
"player": [
{
"age": "29",
"height": "6-2",
"number": "9",
"name": "Colby Armstrong",
"position": "RW",
"weight": "195"
},
...
// More player info omitted for brevity
]
}
}
But when I run it, Firefox throws a SyntaxError: invalid label specifically on the line where it references the URL as url: "MapleLeafs2011.json",
On the other hand, Chrome shows an Uncaught SyntaxError: Unexpected token : at the same spot.
What could possibly be causing this error?