title: Backbone delegateEvents not bubbling / propagating
body: <p>Weird problem with event propagation in Backbone. Most people ask how to stop event propagation, but I'm struggling with getting my events to propagate!!</p>
  
  <p>Here I have two View objects. The MainView which contains Item views and listens to click events to call run():</p>
  
  <pre><code>var MainView = Backbone.View.extend({
      ...
  
      events: {
          "click .item": "run" // works only if no click event in Item
      },
  
      render: {
           // Item View object children
      },
  
      run: function() {
          //run :)
      }
  });
  </code></pre>
  
  <p>Item view objects also listen to click events on themselves to toggle on/off behaviour:</p>
  
  <pre><code>var Item = Backbone.View.extend({
      ...
  
      events: {
          "click" : "toggle" // MainView click event works when this is removed
      },
  
      toggle: function() {
          this.model.toggle();
      }
  });
  </code></pre>
  
  <p>The problem being that MainView.run() is not fired when the Item is clicked, while it has a click event for Item.toggle().</p>
  
  <p>However, MainView.run() <strong>DOES</strong> fire if I remove the Item.toggle() click event. Leading me to the conclusion that the event is somehow forced to stop propagating, outside of my control.</p>
  
  <p>How can I solve this problem? Am I missing something obvious, or is this unavoidable?</p>
  
  <p>Thank you for any and all suggestions and answers :).</p>