title: Backbone click event not registered
body: <p>First off I'm new to Backbone.js. I try to login with an ajax call, but I just can't get the click event to fire. The view gets initiated (console shows output). </p>
  
  <p>what am I doing wrong? I even tried "click .login__button": "login" but that doesn't work too.</p>
  
  <h2>Code</h2>
  
  <h3>login.blade.php</h3>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;script type="text/javascript" src="//use.typekit.net/pcs7nul.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;try{Typekit.load();}catch(e){}&lt;/script&gt;
      &lt;link rel="stylesheet" href="/assets/css/app.css"&gt;
      &lt;script data-main="assets/js/main" src="assets/js/libs/require.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body class="body--login"&gt;
      &lt;main class="login__main" role="main"&gt;
          &lt;div class="login__box"&gt;
              {{{ Form::open(['route' =&gt; 'login', 'method' =&gt; 'POST','class' =&gt; 'login__form', 'novalidate' =&gt; 'novalidate', 'autocomplete' =&gt; 'off', 'autocapitalize' =&gt; 'off']) }}}
                  {{{ Form::email('email', null, ['class' =&gt; 'login__input', 'placeholder' =&gt; 'Email Address']) }}}
                  {{{ Form::password('password', ['class' =&gt; 'login__input', 'placeholder' =&gt; 'Password']) }}}
                  {{{ Form::submit('Sign in', ['class' =&gt; 'button button--blue login__button']) }}}
                  &lt;p&gt;&lt;small&gt;&lt;a href="#?" class="login__forgotten"&gt;Dammit, what&amp;#8216;s my password again?&lt;/small&gt;&lt;/a&gt;&lt;/p&gt;
              {{{ Form::close() }}}
          &lt;/div&gt;
      &lt;/main&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h3>main.js</h3>
  
  <pre><code>require.config({
      paths: {
          jquery: 'libs/jquery',
          backbone: 'libs/backbone',
          underscore: 'libs/underscore'
      },
  
      shim: {
          backbone: {
              deps: ['jquery','underscore'],
              exports: 'Backbone'
          }
      }
  });
  
  require(['app'], function(App){
      App.initialize();
  });
  </code></pre>
  
  <h3>app.js</h3>
  
  <pre><code>define(['jquery', 'underscore', 'backbone', 'router',], function($, _, Backbone, Router){
    var initialize = function(){
      Router.initialize();
    };
  
    return {
      initialize: initialize
    };
  });
  </code></pre>
  
  <h3>router.js</h3>
  
  <pre><code>define([
      'jquery',
      'underscore',
      'backbone',
      'views/login/login'
  ], function($, _, Backbone, LoginView){
      var AppRouter = Backbone.Router.extend({
          routes: {
              "login": "login",
              "*actions": "defaultRoute"
          }
      });
  
      var initialize = function(){
          var app_router = new AppRouter;
  
          app_router.on('route:login', function(actions) {
              var loginView = new LoginView();
          });
  
          app_router.on('route:defaultRoute', function(actions) {
              alert(actions);
          });
  
          Backbone.history.start({pushState: true});
      };
  
      return {
          initialize: initialize
      };
  });
  </code></pre>
  
  <h3>views/login/login.js</h3>
  
  <pre><code>define([
      'jquery',
      'underscore',
      'backbone',
  ], function($, _, Backbone){
  
      var LoginView = Backbone.View.extend({
          initialize: function () {
              console.log('Initializing Login View');
              this.render();
          },
  
          events: {
              'click': 'login'
          },
  
          login: function(event) {
              event.preventDefault();
              alert('hi');
          },
  
          render: function(){
              return this;
          }
      });
  
      return LoginView;
  });
  </code></pre>