title: Trouble passing JSON data into embedded map
body: <p>I'm trying to build a page that will display several points on a map, each representing a scheduled event with a Title, location, date, link, and description. For the map itself, I'm using the maplace plugin (<a href="http://maplacejs.com" rel="nofollow">http://maplacejs.com</a>), and the events are being stored in a .json file. Currently, I get no errors in the log, and the map appears on page load, but the points don't appear. Here's the relevant code:</p>
  
  <p>data.json</p>
  
  <pre><code>{ "allEvents": [
  
    {
    "eventName" : "Event #1",
    "eventDate" : "May 27, 2014",
    "lat": "52.963619",
    "long": "-125.619140",
    "link": "http://www.google.com"
    "description" : "short description"},
  ]}
  </code></pre>
  
  <p>in my header script</p>
  
  <pre><code> var eventLocations = [];
   $.getJSON('data.json', function(events) {
          for (var i in data.allEvents) {
              var name = data.allEvents[i].eventName;
              var date = data.allEvents[i].eventDate;
              var latitude = data.allEvents[i].lat;
              var longitude = data.allEvents[i].long;
              var link = data.allEvents[i].link;
              var desc = data.allEvents[i].description;
  
              var loc = "{ lat: " + latitude + "," +
                          "lon: " + longitude + "," +
                          "icon: images/icon3.png," +
                          "title: " + name + "," +
                          "html: &lt;div class='infoWindow'&gt;" +
                          "&lt;h3&gt;" + name + "&lt;/h3&gt;" +
                          "&lt;h4&gt;" + date + "&lt;/h4&gt;" +
                          "&lt;a href='http://" + link + "' target='_blank'&gt;view website&lt;/a&gt;" +
                          "&lt;p&gt;" + desc + "&lt;/p&gt;" +
                          "&lt;/div&gt; },";
  
              eventLocations.push(loc);                
  
          };
      });
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$(function() {
    var maplace = new Maplace({
  
      //I have lots of other parameters here (controls, stylers, options, etc)
  
      locations: [ eventLocations ]
    }); 
  
    maplace.Load();
  </code></pre>
  
  <p>It's also worth mentioning that if I write out one location in the Maplace (i.e. in place of the 'eventLocations' variable, the pin shows up fine.</p>
  
  <p>Thanks in advance!</p>