title: jQuery - get nested object from JSON
body: <p>I trying get nested object (current_time) from JSON.</p>
  <pre><code>{
    &quot;ip&quot;: &quot;134.201.250.155&quot;,
    &quot;hostname&quot;: &quot;134.201.250.155&quot;,
    &quot;time_zone&quot;: {
      &quot;id&quot;: &quot;America/Los_Angeles&quot;,
      &quot;current_time&quot;: &quot;2018-03-29T07:35:08-07:00&quot;,
      &quot;gmt_offset&quot;: -25200,
      &quot;code&quot;: &quot;PDT&quot;,
      &quot;is_daylight_saving&quot;: true
    }
  }
  
  </code></pre>
  <p>I have a script like this, but nested object dont show.</p>
  <pre><code>$.getJSON(ipAdressUrl, function(data) {
      $('#ip-data').html('&lt;p&gt;' + data.city + '&lt;/p&gt;'),
      $('#ip-data').append('&lt;p&gt;' + data.region_name + '&lt;/p&gt;'),
      $('#ip-data').append('&lt;p&gt;' + data.zip + '&lt;/p&gt;'),
      $('#ip-data').append('&lt;p&gt;' + data.time_zone.current_time + '&lt;/p&gt;');
  });
  </code></pre>
  <p>Console.log give me a feedback data.time_zone is undefined. So I trided</p>
  <pre><code>...
  $('#ip-data').append('&lt;p&gt;' + data.time_zone.('current_time') + '&lt;/p&gt;');
  ...
  
  OR
  
  ...
  $('#ip-data').append('&lt;p&gt;' + data.time_zone.(1) + '&lt;/p&gt;');
  ...
  </code></pre>
  <p>But without the desired result. Can anyone please tell me how to get to a specific element in a nested array?</p>