title: JS/Backbone/Chaplin event handler not triggering
body: <p>I'm having trouble binding an event handler on a dynamically-generated element in a Chaplin view, and I can't figure out what's going on. This seems like the most explicit possible implementation:</p>
  
  <pre><code>var MyView = Chaplin.View.extend({
  
      /* using jQuery to bind the event because Chaplin.View.listen
         and Chaplin.View.delegate aren't working... */
  
      render: function() {
          Chaplin.View.prototype.render.apply(this, arguments);
          this.$('#the-button').click(function() { console.log('clicked'); });
          console.log('breakpoint here');
      }
  });
  </code></pre>
  
  <p>In Chrome Dev Tools:</p>
  
  <pre><code>&gt; this.$('#the-button').attr('unique-attr', 'blah');
  &lt; [  &lt;button id="the-button" unique-attr="blah"&gt;Text&lt;/button&gt;]
  
  &gt; this.$('#the-button').click()
     clicked
  &lt; [  &lt;button id="the-button" unique-attr="blah"&gt;Text&lt;/button&gt;]
  </code></pre>
  
  <p>Unpause the application, make sure we're looking at the same element:</p>
  
  <pre><code>&gt; $('#the-button')
  &lt; [  &lt;button id="the-button" unique-attr="blah"&gt;Text&lt;/button&gt;]
  
  &gt; $('#the-button').click()
     [ no output ]
  &lt; [  &lt;button id="the-button" unique-attr="blah"&gt;Text&lt;/button&gt;]
  </code></pre>
  
  <p>Can anybody please explain why the onclick event handler for the button is being triggered in the scope of the "render" function but not being triggered in the global scope? Thanks.</p>