title: Referencing JSON object by name
body: <p>My markup where I get the JSON from using $.parseJSON (after replacing single quotes to double):</p>
  
  <pre><code>&lt;a href="#" data-thumbslide="
    [{'slides':
      [
        { 'path' : 'img/slider-images/jeep_1.jpg' },
        { 'path' : 'img/slider-images/jeep_2.jpg' },
        { 'path' : 'img/slider-images/jeep_3.jpg', 'fullscreen' : 'img/slider-images/jeep_3-fs.jpg' },
        { 'path' : 'img/slider-images/jeep_4.jpg', 'fullscreen' : 'img/slider-images/jeep_4-fs.jpg'}
      ],
    },
    {'info':
      [
        { 'blurb' : 'Lorem ipsum dolor sit amet consquiteur' },
        { 'website' : 'http://www.google.co.uk' },
        { 'credits' : 'Warner bros productions' }
      ]
    }]"&gt;
    &lt;div class="title"&gt;&lt;h1&gt;Jeep&lt;/h1&gt;&lt;/div&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>I get an object like this: (result from firebug console log)</p>
  
  <pre><code>[Object { slides=[4]}, Object { info=[3]}]
  </code></pre>
  
  <p>each object looks something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/nku2J.png" alt="slides object inside JSON object"></p>
  
  <p>I can reference the objects like this:</p>
  
  <pre><code>jsonObject[0]['slides'][2].path
  jsonObject[1]['info'][0].blurb
  </code></pre>
  
  <p>However I don't want to rely on the array order by number (so 0 is 'slides' and 1 is 'info') but reference them by name instead and not be reliant on the order. I think I can achieve this with a different JSON structure?</p>