title: Backbone.js view events are not firing
body: <p>I have followed numerous screen casts as well as trawled the backbone docs extensively and I cannot figure out why my view events are not being fired. My (short) code for testing is as follows:</p>
  <pre><code>&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery-1.7.2.min.js&quot;&gt;&lt;/script&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;js/underscore.min.js&quot;&gt;&lt;/script&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;js/backbone.min.js&quot;&gt;&lt;/script&gt;
  
  &lt;script type=&quot;text/javascript&quot;&gt;
      
      var App = (function($){
          
          var NavigationItemView = Backbone.View.extend({
              el: '#navigation',
              initialize: function(params){
                  this.label = params.label;
                  this.appendTo = params.appendTo;
              },
              events: {
                  &quot;click #add&quot; : &quot;test&quot;
              },
              test: function(){
                  $(this.el).html(&quot;&lt;li&gt;Testing...&lt;/li&gt;&quot;);
              },
              render: function(){
                  $(this.el).html(&quot;&lt;li&gt;&lt;a href=\&quot;#\&quot;&gt;&quot;+this.label+&quot;&lt;/a&gt;&lt;/li&gt;&quot;);
              }
          })
          
          var self = {};
          self.init = function(){
              new NavigationItemView({ label: 'Test Nav Label' });
          }
          
          return self;
      });
      
      $(document).ready(function(){
           App(jQuery).init();
      })
      
  &lt;/script&gt;
  </code></pre>
  <p><strong>If I change the init method code from this:</strong></p>
  <pre><code>new NavigationItemView({ label: 'Test Nav Label' })
  </code></pre>
  <p><strong>To this:</strong></p>
  <pre><code>new NavigationItemView({ label: 'Test Nav Label' }).render()
  </code></pre>
  <p>The render method is called perfectly, indicating there is no issues with the set up of the view. I can replace <code>render()</code> with <code>test()</code> and likewise it works.</p>
  <p>However, the event of clicking on the link with ID #add does not fire the test even, and surely it should? To clarify, I do have a link with id 'add' in the DOM, I have checked and checked again.</p>
  <p>If I add event hooks using jQuery and fire off certain methods of the view manually, that works. It's backbones own event hooks that are not working for me.</p>
  <p>I have looked at the related posts, and most of the suggestions were use the <strong>el</strong> property, which I have. <code>#navigation</code> is an empty <code>&lt;ul&gt;</code> in my case. I have changed it to a div but with no change in behaviour.</p>
  <p>All help much appreciated.</p>