title: Why can I access a JSON object in Chrome, but not in Firefox?
body: <p>I have the following query string:</p>
  
  <pre><code>query = 'https://www.googleapis.com/fusiontables/v1/query?sql=SELECT%20Precinct%20FROM%201Kj-5ett9nIpkr2-gkof0cUGiaZm1BDVZx9zv-iQ%20WHERE%20ST_INTERSECTS(geometry,%20RECTANGLE(LATLNG(40.7549937,%20-73.98841900000002),%20LATLNG(40.7549937,%20-73.98841900000002)))&amp;key=AIzaSyBJ1SHkB7EWWVSyDiPUA1mWZDEKt7gISDk'
  </code></pre>
  
  <p>That returns the following object with an HTTP GET request:</p>
  
  <pre><code>{
   "kind": "fusiontables#sqlresponse",
   "columns": [
    "Precinct"
   ],
   "rows": [
    [
     "76"
    ]
   ]
  }
  </code></pre>
  
  <p>So I'm trying to fetch that into a web browser using jQuery. This works OK in Firefox and Chrome:</p>
  
  <pre><code>$.get(precinctQuery, function(data){console.log(data)});
  </code></pre>
  
  <p>But Firefox doesn't like this:</p>
  
  <pre><code>$.get(precinctQuery, function(data){console.log(data.rows[0][0])});
  </code></pre>
  
  <p>Or this:</p>
  
  <pre><code>$.get(precinctQuery, function(data){console.log(data.['rows'][0][0])});
  </code></pre>
  
  <p>Both times, Firefox says the result is Undefined. Chrome returns the expected result, "76".</p>
  
  <p>Is Chrome fixing this code behind the scenes so it works? Why doesn't Firefox like it?</p>