title: how model and view are connected in backbone.js
body: <p>I am new in Backbone.js and I keep failing to understand how the model and the view are connected.</p>
  
  <p>I played with Angular where things are pretty clear there, how model, view and controller are connected. </p>
  
  <p>I know Angular and Backbone are different and the latter is MV*. </p>
  
  <p>In Backbone I can understand how model and view are created and work, but how are they connected? Seems to me they are seperated. </p>
  
  <p>Please take a minute to explain or point me to a tutorial.</p>
  
  <p>Thanks in advance</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>OK, here is an example. It happens that I read the book that trolle suggests. This is a <a href="https://github.com/addyosmani/backbone-boilerplates/blob/master/option2/public/js/script.js" rel="nofollow">code</a> from the book's github</p>
  
  <p>I start reading. I understand the <code>Todo</code> model. I understand the <code>TodoList</code> collection. Then I get to the <code>TodoView</code></p>
  
  <ul>
  <li>creates a new <code>li</code> </li>
  <li>uses Underscore template to compile html</li>
  <li>defines some functions that imlements later in the same view</li>
  <li>defines an initialize function</li>
  </ul>
  
  <p>inside that function</p>
  
  <p>what is this? <code>this.model.bind('change', this.render, this);</code>
  how he can magically bind the action <code>change</code> to a model?  How the code knows about the model? When he defined the model and how? Just because is there, the code knows that <code>model</code> = <code>Todo</code> model? </p>
  
  <p>How does he do that bind? What am I missing. 
  This confuses me, so reading <code>AppView</code> view does not help me much</p>
  
  <p>Thanks again</p>