title: Backbone.js - navigating to a route after the "click" event on a view
body: <p>My "view" is set up as below. simple.</p>
  
  <pre><code>var ItemView = Backbone.View.extend({
    tagName : "li",
  
    events : {
      "click" : "display"
    },
  
    display : function() {
      //app.navigate('item'); // take me to my route!
    }
  });
  </code></pre>
  
  <p>And I have my router</p>
  
  <pre><code>var App = Backbone.Router.extend({
  
    routes: {
      "" : "index",
      "item" : "view_item"
    },
  
    index: function() {
      alert('hi!');
    },
  
    view_item: function() {
      alert('bye!');
    }
  });
  
  app = new App();
  Backbone.history.start();
  </code></pre>
  
  <p>Now, when I click on ItemView, it should run "display" method and I want the display method to take me to the route I specified in routes "item".</p>
  
  <p>Is this possible? I thought "navigate" function will work, but it doesn't. How could I achieve this?</p>