title: Backbone views events firing repeatedly in routes
body: <p>I have a <a href="http://backbonejs.org" rel="nofollow">backbonejs</a> application that contains a router file and some views , and also i'm using <a href="http://requirejs.org" rel="nofollow">requirejs</a> to add views to routes and add templates to views. here is my codes :</p>
  
  <p><strong>routes.js</strong></p>
  
  <pre><code>var AppRouter = Backbone.Router.extend({
  routes: {
      "": "getLogin",
      "login": "getLogin",
      "register": "getRegister",
      "forget-password": "getForgetPassword"
  },
  getLogin: function() {
      require(['views/auth/loginView'], function(view) {
          view = new this.LoginView();
      });
  },
  getRegister: function() {
      require(['views/auth/registerView'], function() {
          view = new this.RegisterView();
      });
  },
  getForgetPassword: function() {
      require(['views/auth/forgetPasswordView'], function() {
          view = new this.ForgetPasswordView();
      });
  },
  });
  
  var route = new AppRouter();
  Backbone.history.start();
  </code></pre>
  
  <p><strong>loginView.js</strong></p>
  
  <pre><code>var LoginView = Backbone.View.extend({
  el: '#wrapper',
  initialize: function() {
      NProgress.start();
      this.render();
  },
  render: function() {
      require(['text!partials/auth/login.html'], function(t) {
          var json = { title: 'title', formName: 'frmLogin' };
          var template = _.template(t);
          $('#wrapper').html(template(json));
      });
      NProgress.done();
  },
  events: {
      "click #btnLogin": "login"
  },
  login: function(e) {
      e.preventDefault();
      alert('some message');
  }
  });
  </code></pre>
  
  <p>also <code>registerView.js</code> and <code>forgetPasswordView.js</code> are similar to <code>loginView.js</code>.</p>
  
  <p><strong>now!</strong> when i change routes multiple times and hit <code>#btnLogn</code> it fires <code>alert('some message');</code> function multiple times...! </p>