title: Backbone.js Click Event Won't Fire
body: <p>I have been trying to learn backbone.js, but I can't figure out why my click event isn't firing when I click the home link.  I'm fairly new to backbone and I'm just not sure what am I missing? I've looked up a bunch of different tutorials on the net, but can't seem to find the lose hole.  Please help!</p>
  
  <p>Backbone.js</p>
  
  <pre><code>    var HomeView = Backbone.View.extend({
          el: $('.content'),
  
          events:{
              "click #home": "animateNavigation"
          },
          initialize: function(){
              _.bindAll(this, 'displayTrips'); 
  
              // Add the model collections
              this.collection = new ModelList();
              this.collection.bind('add', this.displayTrips); // Collection event binder
          },
          animateNavigation: function(){
              alert('test');
  
              return false;
          },
          displayTrips: function(params){
              var items = params.get('data');
          }
      });
  
      var home_view = new HomeView();
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="content"&gt;
       &lt;div class="left"&gt;
          &lt;ul&gt;
              &lt;li&gt;
                  &lt;div class="nav_arrow"&gt;&lt;/div&gt;                   
                  &lt;a href="home" class="active" id="home"&gt;
                      &lt;img alt="Home" src="/assets/img/nav/left/star.png"&gt;
                      &lt;span&gt;Home&lt;/span&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;a href="tropical" id="tropical"&gt;
                      &lt;img alt="Tropical" src="/assets/img/nav/left/fins_grey.png"&gt;
                      &lt;span&gt;Tropical&lt;/span&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>