title: Backbone js: How to get control in row item?
body: <pre><code>var test1 = new Test({ Name: "Test 1", id: 1 });
  var test2 = new Test({ Name: "Test 2", id: 2 });
  var test3 = new Test({ Name: "Test 3", id: 3 });
  var tests = new TestCollection([test1, test2, test3]);
  
  TestView = Backbone.View.extend({
      initialize: function () {
          this.render();
      },
      events:
      {
          "click .btn": "clickbtn"
      },
      render: function () {
          $("#tests_template").tmpl(tests.toJSON()).appendTo("#tests_list");
          this.delegateEvents();
          return this;
      },
      clickbtn: function () {
          alert('test');
      }
  });
  
  var testView = new TestView();
  
  &lt;script id="tests_template" type="text/x-jquery-tmpl"&gt;    
      &lt;li&gt; 
      &lt;span&gt;${Name}&lt;/span&gt;&lt;input type="button" id="btn" value="click" class="btn"/&gt;
      &lt;/li&gt; 
  &lt;/script&gt;
  
  &lt;ul id="tests_list"&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>This produces:
  Test 1 
  Test 2 </p>
  
  <p>1) When I click the button, how do I get the correct model from the collection for that row?
  2) When I click the button, how do I get the "span" tag for that row?</p>