Fetch JSON data for each <div class="cheatsheet" data-json="data/wiki.json"></div> element

main.js

var $, Handlebars; // sublime-text-2

$(document).ready(function () {
    'use strict';

    var jxhr = [];
    var csData = [];
    var sheetList = $('.cheatsheet');

    sheetList.each(function () {
        var url = $(this).data('json');
        jxhr.push(
            $.getJSON(url, function (json) {
                csData.push(new Object(json));
            })
        );
    });

    $.when.apply($, jxhr).done(function() {
        $.each(sheetList, function(i, sheet) {
            var compiledTemplate = Handlebars.templates['cheatsheet.hbs'];
            var tpl = compiledTemplate(csData[i]);
            $(sheet).html(tpl);
        });
    });
});

Thanks, a lot simpler than what I did. I was missing the deferred.then() method.
The JSON.parse was thorwing an error (JSON.parse: unexpected character) as I request a JSON file already.