template_example_1.js

var Template = { 
  compile: function(string, builder) {
    var rootNode = $(string);

    var map = {};
  
    rootNode.find("[data-binding]").each(function () {
      var el = $(this);
      var bindingName = el.data("binding");
  
      map[bindingName] = el;
    });
  
    builder(map);
  
    return rootNode;
  },
  
  fromId: function(id, builder) {
    var templateString = $("#" + id).html();
    return Template.compile(templateString, builder);
  }
};

var samplePerson = {
  name: "Walter White",
  email: "mrwhite@bitches.com"
};

var personView = function(person) {
  return Template.fromId("person-template", function(map) {
    map.name.text(person.name);
    map.email.text(person.email);
  });
};

$("#template-demo").append(personView(samplePerson));