render.js

var html = $('script#todo').html();

var data = {
  content: 'Todo item',
  done: false
};

var map = Plates.Map();
map.class('todo-content').to('content');

// TODO: Add mapping to render checkbox properly
// map setting to make the following render if done = true:
// <input type="checkbox" checked="checked" />
// Or this if done = false:
// <input type="checkbox" />

console.log(Plates.bind(html, data, map));

template.html

<script type="text/x-plates-tmpl" id="todo">
      <div class="todo">
        <div class="display">
          <input class="check" type="checkbox" />
          <div class="todo-content"></div>
          <span class="todo-destroy"></span>
        </div>
        <div class="edit">
          <input class="todo-input" type="text" value="" />
        </div>
      </div>
</script>