title: Backbone click event fires events for all collection rather than model
body: <p>Can't figure out what's wrong. When I click on a model title, it fetches all models in collection at once rather than fetch one model. If I move this event from logView to logsView it works properly but doesn't have access to model, well I can find this model using index or ant other model's ID but don't think this is a nice way.</p>
  
  <pre><code>var Log = Backbone.Model.extend({});
  
  
  window.LogsList = Backbone.Collection.extend({
      model:Log,
  
      url:function (tag) {
          this.url = '/logs/' + tag;
          return this;
      }
  });
  
  window.colList = new LogsList();
  
  window.logView = Backbone.View.extend({
      el:$('.accordion'),
  
      template:_.template($('#log').html()),
  
      initialize:function () {
          this.model.bind('add', this.render, this);
      },
  
      events:{
          "click .accordion-toggle" :"getLogBody"
      },
  
      render:function () {
          return this.template(this.model.toJSON());
      },
  
      getLogBody:function () {
          this.model.fetch();
      }
  });
  
  window.LogsView = Backbone.View.extend({
      el:$("#content"),
  
      initialize:function (options) {
          colList.bind('reset', this.addAll, this);
          colList.url(options.data).fetch();
      },
  
      addOne:function (model) {
          var view = new logView({model:model});
          $("#accordion").append(view.render());
      },
  
      addAll:function () {
          colList.each(this.addOne);
      }
  });
  
  window.listView = new LogsView({data:"Visa_Cl"});
  </code></pre>