title: Retrieve JSON array with $.getJSON and return values
body: <p>I have a json object that looks like this.</p>
  
  <pre><code>[{
      "bannerName": "HotWire",
      "imgLocation": "img/logo/weh.jpg",
      "profiles":["1000000390","1000000391"],
      "locations":["1","250"]
  },
  {
  
      "bannerName": "The Grill",
      "imgLocation": "img/logo/weh123.jpg",
      "profiles":["1000000390","1000000391"],
      "locations":["1","250"]
  }];
  </code></pre>
  
  <p>which is saved in banners.json</p>
  
  <p>I am trying to retrieve this information to create banners with bootstrap. </p>
  
  <p>I am using the following to retrieve the info from the json file.</p>
  
  <pre><code>$.getJSON('banners/banners.json', function(data){
  
    $.each(data, function(index, obj){
      $.each(obj, function(key, value){
        console.log(value);
      });
    });
  
  });
  </code></pre>
  
  <p>However, nothing is logged in the console. Essentially, what I need is to retrieve the info within the loop as variables so I can embed them in HTML but I can't seem to return anything with this code.</p>