title: Unnest a JSon Object returned from api
body: <p>How can I remove the nested json object returned from an api as shown below and show it as individual fields by unnesting the object using jquery in a generic way. here is my json object</p>
  
  <pre><code> "response": {
  "content": 
  "[ {    
        "Id": 0,    
       "Name": "Some name",    
       "createdOnDate": "0001-01-01T00:00:00",      
      "keyValueList": 
        [      
             {        
               "Key": "key1",        
              "Value": "Sample Data key 1"      
              },      
             {        
              "Key": "key2",        
             "Value": "sample data key 2   
        ] }]"
  </code></pre>
  
  <p>this is how it should be after unnesting.</p>
  
  <pre><code>[{
      "Id": 123,
          "Name": "some name",
          "createdOnDate": "2013-01-22T17:02:00",
          "key1": "this is my key1",
          "key2": "this is my key2"
  
  }]
  </code></pre>