Backbone Template

Standard fiddle

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.3/backbone-min.js"></script>
<div>
<input type="text" /><br />
<span></span>
</div>

JavaScript

var Model = Backbone.Model.extend();
var View = Backbone.View.extend({
	el:'div',
	events :{ 'input input' : 'updateModels'},
  initialize: function(){
  	this.listenTo(this.collection,"change",this.render);
  },
  updateModels: function(e){
  	for(var i=0;i<this.collection.length;i++)
    {
    	this.collection.at(i).set({'name':$(e.target).val()});
    }
  },
  render: function(){
  	this.$el.find("span").empty();
	  for(var i=0;i<this.collection.length;i++)
    {
    	this.$el.find("span").append("hello "+this.collection.at(i).get("name")).append("<br />");
    }
  }
});


var collection = new Backbone.Collection([
	{'name':'mor'},
  {'name':'david'}
]);

var view = new View({collection:collection});
view.render()