title: AJAX JSON parse returns false
body: <p>I am using jquery and javascript, with an ajax call to get all the information from a json file. The json file loads fine, and perfectly adds the points to the map, but there is still an error in the console.</p>
  
  <pre><code>"TypeError: obj[i].info is null"
  </code></pre>
  
  <p>Even though every point is inserted correctly and has the "info" attribute inside them, why does jquery give it a null value?</p>
  
  <p>Example code:</p>
  
  <pre><code>$.ajax({
      url: 'http://localhost:3000/api/',
      type: 'GET',
      dataType: 'html',
  }).success(function(data){
      var obj = $.parseJSON(data);
          console.log(obj);
          $.each(obj, function(i, item){
              taxiData.push(new google.maps.LatLng(obj[i].info.latitude,obj[i].info.longitude));
          });
  
  }).error(function(data){
      console.log("Error with data: " + data);
  });
  </code></pre>
  
  <p>My JSON:</p>
  
  <pre><code>[{
          "id" : 1,
          "ip" : "165.242.13.8",
          "referer" : "www.facebook.com",
  
          "info" : {
              "request" : "165.242.13.8",
              "ip" : "165.242.13.8",
              "country_code2" : "JP",
              "country_code3" : "JPN",
              "country_name" : "Japan",
              "continent_code" : "AS",
              "region_name" : "11",
              "city_name" : "Hiroshima",
              "postal_code" : "",
              "latitude" : 34.3963,
              "longitude" : 132.45940000000002,
              "dma_code" : null,
              "area_code" : null,
              "timezone" : "Asia/Tokyo"
          }
      }
  ]
  </code></pre>