jquery_pubsub.js

var list = [
  'Cras justo odio',
  'Dapibus ac facilisis in',
  'Morbi leo risus',
  'Porta ac consectetur ac',
  'Vestibulum at eros'
]
var list_set = function () {
  list.push('Item '+ new Date().getTime());
  $('#list').trigger('update:list');
};
var list_minus = function () {
  list.pop();
  $('#list').trigger('update:list');
};

$(function(){
  var $list = $('#list');
  var tpl_fragment = [
    '<% _.each(data, function(item){ %>',
    '<li class="list-group-item"><%= item %></li>',
    '<% }) %>'
  ].join('');
  var list_tpl = _.template(tpl_fragment)
  
  $('#list').on('update:list', function(){
    $('#list').html(list_tpl({data:list}))
  });
  $('#add').on('click', function(){
    list_set()
  });
  $('#minus').on('click', function(){
    list_minus()
  });
})