title: jQuery & Backbone click events not firing
body: <p>I know this problem comes up a million times, but I've been through the answers and none of them help.</p>
  
  <p>JS Fiddle: <a href="http://jsfiddle.net/ZrYYy/" rel="noreferrer">http://jsfiddle.net/ZrYYy/</a></p>
  
  <pre><code>var LoginView = Backbone.View.extend({
  
      initialize: function () {
  
          console.log('Login View Intialized');
          this.el = $('#login-container');
  
      },
  
      // Setup the events (mainly the login)
      events: {
  
          // Login - function
          "click #login-btn" : "checkLogin"
  
      },
  
      // Actually authorization function
      checkLogin: function() {
  
          console.log("Authorizing login details with server...");
  
      }
  
  });
  
  // Get it all up and going
  var newLogin = new Login();
  var loginView = new LoginView({model: newLogin});
  </code></pre>
  
  <p>In the fiddle, when I bind a normal $('#login-btn').click(); event it works fine although it does not in my own setup (with chrome). The backbone click event does not work whatsoever.</p>
  
  <p>This is what the header looks like on my own code</p>
  
  <pre><code>&lt;link href="assets/admin/css/bootstrap.css" rel="stylesheet" type="text/css"&gt;
  &lt;link href="assets/admin/css/bootstrap-responsive.css" rel="stylesheet" type="text/css"&gt;
  &lt;link href="assets/admin/css/style.css" rel="stylesheet" type="text/css"&gt;
  &lt;script src="assets/admin/js/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://documentcloud.github.com/underscore/underscore-min.js"&gt;&lt;/script&gt;
  &lt;script src="http://documentcloud.github.com/backbone/backbone-min.js"&gt;&lt;/script&gt;
  &lt;script src="assets/admin/backbone/login.js"&gt;&lt;/script&gt;
  &lt;script src="assets/admin/js/bootstrap.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I know its best practice to include these in the footer but for now whilst this problem exists it doesn't matter(?).</p>