title: jQuery getJSON from external JSON file or site
body: <p>I have an external JSON file (data.json) and would like to get data from a specific array inside that file and make a Ul from it. 
  How would grab the data from "markers" with this code?</p>
  
  <p>code:   </p>
  
  <pre><code>$.getJSON('data.json', function(data) {
      var items = [];
  
  $.each(data, function(i, item) {
      items.push('&lt;li&gt;&lt;p&gt;' + item.name + '&lt;/p&gt;&lt;p&gt;' + item.image + '&lt;/p&gt;&lt;p&gt;' + item.link + '&lt;/p&gt;&lt;/li&gt;');
  });
  
  $('&lt;ul/&gt;', {
      'class': 'json_populated',
      html: items.join('')
      }).appendTo('.popover_content');
  });
  </code></pre>
  
  <p>data.json file:</p>
  
  <pre><code> { "lastUpdated":"12:57",
     "filterOut":[
  
              ],
      "markers":[
          {"name" : "blah", "image" : "images/logos/image1.png", "link" : "/link1"},
          {"name" : "blah 2", "image" : "images/logos/image2.png", "link" : "/link2"},
          {"name" : "blah 3", "image" : "images/logos/image3.png", "link" : "/link3"}
  
      ]}
  </code></pre>
  
  <p>Also would it be the same principle if i was to grab JSON from an external site like this</p>
  
  <pre><code>$.getJSON('http://website.co.uk/idname/49482/', function(data) {
      var items = [];
  
  $.each(data, function(i, item) {
      items.push('&lt;li&gt;&lt;p&gt;' + item.name + '&lt;/p&gt;&lt;p&gt;' + item.image + '&lt;/p&gt;&lt;p&gt;' + item.link + '&lt;/p&gt;&lt;/li&gt;');
  });
  
  $('&lt;ul/&gt;', {
      'class': 'json_populated',
      html: items.join('')
      }).appendTo('.popover_content');
  });
  </code></pre>
  
  <p>I think im almost there but any assistance will be much appreciated.</p>