docs: function render() {
    var content = $($.parseHTML(template));
    var compiler = Handlebars.compile(content.filter("#layout").html());
  
    Handlebars.registerPartial({
      leftPanel: content.filter("#left-panel").html(),
      rightPanel: content.filter("#right-panel").html(),
      transactionList: content.filter("#transaction-list").html(),
      transactionDetails: content.filter("#transaction-details").html(),
      transactionOther: content.filter("#transaction-other").html(),
    });
  
    // Adds selected class to selected transaction item.
    Handlebars.registerHelper('isSelected', function(options) {
      var resp =
        (this.business === dataView.selectedTransaction.business) ?
        "selected" : "";
      return options.fn(resp);
    });
  
    // Returns fake detail monthly total.
    Handlebars.registerHelper('monthlyTotal', function(options) {
      var total = toCurrency(parseFloat(this.selectedTransaction.amount) * 12);
      return options.fn(total);
    });
  
    // Returns fake detail yearly total.
    Handlebars.registerHelper('yearlyTotal', function(options) {
      var total = toCurrency(parseFloat(this.selectedTransaction.amount) * 40);
      return options.fn(total);
    });
  
    var html = compiler(dataView);
    $("#demo-app").html(html);
  
    addClickHandler();
  }