title: Parse Google Map Json with Jquery
body: <p>I have a google Mpa Json url
  <a href="http://maps.googleapis.com/maps/api/distancematrix/json?&amp;origins=2020%20E%20main%20ST&amp;destinations=100%20E%20Main%20St%20,Edmond,Ok&amp;mode=driving&amp;sensor=false" rel="nofollow">http://maps.googleapis.com/maps/api/distancematrix/json?&amp;origins=2020%20E%20main%20ST&amp;destinations=100%20E%20Main%20St%20,Edmond,Ok&amp;mode=driving&amp;sensor=false</a></p>
  
  <p>that gives me</p>
  
  <pre><code>{
     "destination_addresses" : [ "100 East Main Street, Edmond, OK 73034, USA" ],
     "origin_addresses" : [ "2020 East Main Street, Lamar, AR 72846, USA" ],
     "rows" : [
        {
           "elements" : [
              {
                 "distance" : {
                    "text" : "410 km",
                    "value" : 409567
                 },
                 "duration" : {
                    "text" : "3 hours 49 mins",
                    "value" : 13759
                 },
                 "status" : "OK"
              }
           ]
        }
     ],
     "status" : "OK"
  }
  </code></pre>
  
  <p>i am trying to parse it using</p>
  
  <pre><code>  function callGoogle(inputOrigin, inputDst, inputMode)
        {
        $.getJSON('http://maps.googleapis.com/maps/api/distancematrix/json?', { origins: inputOrigin, destinations: inputDst, mode: inputMode,  sensor: false }, function (data) {
  
                  $.each(data, function (i, item) {               
                      console.log(item.rows.elements.distance.text);
  
                  });
  
  
              });
  
          }
  </code></pre>
  
  <p>but i am getting erros. how do i get the 97.8 or 97766 from this json using jquery</p>