title: parse JSON containing 2 arrays
body: <p>My ajax call returns data like this:  </p>
  
  <pre><code>{"result":[{"stats":{"min":{"caller_id.name":"Person1"},"count":"5"},"groupby_fields":[{"field":"caller_id","value":"ce4ddid73hes6e806d7070e21f961987"}]},{"stats":{"min":{"caller_id.name":"Person2"},"count":"2"},"groupby_fields":[{"field":"caller_id","value":"36ffbcfedbf9ba406d7070e21f96199c"}]},{"stats":{"min":{"caller_id.name":"Person3"},"count":"1"},"groupby_fields":[{"field":"caller_id","value":"714dd540dbefbe806d7070e21f96196a"}]},{"stats":{"min":{"caller_id.name":"Person4"},"count":"1"},"groupby_fields":[{"field":"caller_id","value":"ce4dd540dbefbe806d7070e21f961987"}]}]}
  </code></pre>
  
  <p>I then use <code>var json = $.parseJSON(data);</code> and get this (from the console log):  </p>
  
  <blockquote>
  <pre><code>{result: Array(4)}
  result:Array(4)
  0:groupby_fields:Array(1)
  0:{field: "caller_id", value: "ce4ddid73hes6e806d7070e21f961987"}
  length:1
  __proto__:Array(0)
  stats:count:"5"
  min:{caller_id.name: "Person1"}
  __proto__:Object
  __proto__:Object
  1:{stats: {…}, groupby_fields: Array(1)}
  2:{stats: {…}, groupby_fields: Array(1)}
  3:{stats: {…}, groupby_fields: Array(1)}
  length:4
  __proto__:Array(0)
  __proto__:Object
  </code></pre>
  </blockquote>
  
  <p>In previous calls I loop through the data to pull the values using something like this  </p>
  
  <pre><code>var callerName = json[i]["caller_id.name"];  
  </code></pre>
  
  <p>I'm not sure how to do it in this scenario. </p>
  
  <p>I tried a few variations of the line above but didn't have any success. </p>
  
  <p>I need to get the <code>caller_id</code>, <code>count</code>, and <code>caller_id.name</code>.</p>