title: Backbone.Marionette: Router Not Routing Correctly
body: <p>So I have a button in my landing page view that, when clicked, should route my user to the register URL, initiate my <code>register</code> function in my router, and render the register view. The only problem is that it seems to be routing incorrectly. </p>
  
  <p>Here's my landing-page view:</p>
  
  <pre><code>template = require './templates/landing'
  app = require '../application'
  
  module.exports = class LandingView extends Backbone.Marionette.ItemView
      id: 'landing-view'
      template: template
  
      events:
          'click .splash .get-started': 'route_register'
  
      route_register: (e) -&gt;
          e.preventDefault()
          console.log 'button clicked'
          app.router.navigate('/register', {trigger: true})
  </code></pre>
  
  <p>and here's my router:</p>
  
  <pre><code>application = require('application')
  HomeView = require('views/HomeView')
  LandingView = require('views/LandingView')
  RegisterView = require('views/RegisterView')
  
  module.exports = class Router extends Backbone.Router
  
      routes:
          '': 'landing'
          '/home': 'home'
          '/register': 'register'
  
      landing: =&gt;
          console.log 'in router: landing'
          lv = new LandingView()
          application.layout.content.show(lv)
  
      home: =&gt;
          console.log 'in router: home'
          hv = new HomeView()
          application.layout.content.show(hv)
  
      register: =&gt;
          console.log 'in router: register'
          rv = new RegisterView()
          application.layout.content.show(rv)
  </code></pre>
  
  <p>In my landing-page view, when the button is clicked, I get the console.log in chrome tools. But I never get the console.logs from the router. This led me to believe that my router was instantiated incorrectly but here's how I do it:</p>
  
  <pre><code>class Application extends Backbone.Marionette.Application
      initialize: =&gt;
  
          @on("initialize:after", (options) =&gt;
              Backbone.history.start();
              # Freeze the object
              Object.freeze? this
          )
  
          @addInitializer( (options) =&gt;
              # Instantiate the main layout
              AppLayout = require 'views/AppLayout'
              @layout = new AppLayout()
              @layout.render()
          )
  
          @addInitializer((options) =&gt;
              # Instantiate the router
              Router = require 'lib/router'
              @router = new Router()
          )
  </code></pre>
  
  <p>Also, the address chanages in the URL bar, for example, when I click the landing-page button  the URL changes from <code>localhost:3000</code> to <code>localhost:3000/register</code>, yet I don't get the console.log in the router and the page doesn't render.</p>
  
  <p>Could anyone help me pin down this bug?</p>