title: Extract Json data on client side
body: <p>I have following JSON data coming to client. I need to extract the data somehow so I can loop through it to get all name &amp; count values.</p>
  
  <pre><code>{
   "summarydata": {
      "rows": [
        {
          "name": "Cisco0 Webinar US",
          "count": "1"
        },
        {
          "name": "Resource Nation CC",
          "count": "1"
        },
        {
          "name": "test",
          "count": "10"
        },
        {
          "name": "test",
          "count": "2"
        },
        {
          "name": "Vendor Seek",
          "count": "1"
        }
      ]
    }
  }
  
  $.extend($.jgrid.defaults,   
        { datatype: 'jsonstring' },
        { ajaxGridOptions: { contentType: "application/json",   
        success: function (data, textStatus) { 
  
            if (textStatus == "success") {   
                var thegrid = $("#BuyBackGrid")[0];
                thegrid.addJSONData(data.data);  
                var summaryresult = $.parseJSON(data.summarydata.rows[0]);
  
                alert(summaryresult );// this gives me null
                alert(data.summarydata.rows[0].name); //this gives me first name element which is "Cisco0 Webinar US" in my case.
  
               // alert($.parseJSON(data).summarydata.rows[0].name);               
  
                              }   
        } //end of success  
        }//end of ajaxGridOptions   
      });
  </code></pre>