title: How to access values in a multidimensional JSON array with jQuery
body: <p>So I fetch a multidimensional JSON array with getJSON and I want to access values in the array, but can't reach longer than the first element in the array.</p>
  
  <pre><code>"producers",
  [
      {
          "producer":{
              "id":"1",
              "name":"Em\u00e5mejeriet",
              "address":" Grenv\u00e4gen 1-3",
              "zipcode":" 577 39",
              "district":" Hultsfred",
              "webpage":"http:\/\/www.emamejeriet.se",
              "logoURL":"..\/producenter\/images\/ema.png",
              "latitude":"57.4999",
              "longitude":"15.828"
          }
      },
      {
          "producer":{
              "id":"2",
  </code></pre>
  
  <p>...and so on.</p>
  
  <p>My code:</p>
  
  <pre><code>$.getJSON("/url/producers.json", function(data) {
      $.each(data, function() {
          $.each(this, function(key, value) {
              console.log(value.producer);
          });
      });
  });
  </code></pre>
  
  <p>The output is an object, I don't know any better way to paste it, copied from the browsers console: "<code>&gt; Object {id: "1", name: "Emåmejeriet", address: "Grenvägen 1-3, zipcode: "577 39", disctrict: "Hulsfred"...}</code></p>
  
  <p>I've searched and tested different approaches as I said, from this forum, but couldn't get my head around it.</p>