title: Looping through nested json object
body: <p>I have a badly designed JSON object which unfortunately I cannot change at this moment which contains a number of objects. Here is an example of what I am working with:</p>
  
  <pre><code>var land = [
      {"name":"city","value":"Los Angeles"},
      {"name":"state","value":"California"},
      {"name":"zip","value":"45434"},
      {"name":"country","value":"USA"}
  ];
  </code></pre>
  
  <p>Here is how I am looping through i:</p>
  
  <pre><code>$(document).ready(function(){
      $.each(land, function(key,value) {
        $.each(value, function(key,value) {
            console.log(key + ' : ' + value);
        })
      }); 
  })
  </code></pre>
  
  <p>The result is as follows:</p>
  
  <pre><code>name : city
  value : Los Angeles
  name : state
  value : California
  name : zip
  value : 45434
  name : country
  value : USA
  </code></pre>
  
  <p>My goal is to have a result like this:</p>
  
  <pre><code>city : Los Angeles
  state : California
  zip : 45434
  country: USA
  </code></pre>
  
  <p>What am I missing here? How do I achieve my intended result? Thank you in advance :)</p>