Example app.js using a Task model to create several instances.

app.js

// /src/app.js

// Import jQuery
import $ from 'jquery';
import _ from 'underscore';
import Task from './models/task';

var my_task = new Task({
  title: "Create a model",
  completed: true
});
// ready to go
$(document).ready(function() {

  // Added Code
    // Select the template using jQuery
  var template_text = $('#taskItemTemplate').html();

  //
    // Get an underscore template object
  var templateObject = _.template(template_text);

    // Use the underscore template function to compile the
    // template and data into raw html.
  var compiledHTML = templateObject(my_task.toJSON());
  
    // Checking the values of template & compiledHTML.
  console.log(template_text);
  console.log(compiledHTML);

    // append the html to the unordered list.
  $('.todo-items').append(compiledHTML);
  // End of new code
});