Looping through nested json object
<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>