title: Hash routing with aviator
body: <p>I am curious why the code in <a href="https://jsfiddle.net/u4s0pb6d/3/" rel="nofollow">this fiddle</a> does not work. </p>
  
  <p>I am trying to setup <a href="https://github.com/swipely/aviator/issues/46" rel="nofollow">Aviator router</a> with hash routing. </p>
  
  <p>When I click the button the hash changes successful but the function <code>handleOutlineRoute</code> never gets called.</p>
  
  <p>Here is my javascript: </p>
  
  <pre><code>class Application {
  
    init() {
      this.configureRouter()
      this.setupRoutes()
      this.dispatch()
    }
  
    configureRouter() {
      Aviator.pushStateEnabled = false
    }
  
    dispatch() {
      Aviator.dispatch()
    }
  
    setupRoutes() {
      Aviator.setRoutes({
          '/': {
          target: this,
          '/': 'handleWelcomeRoute',
          '/outline': 'handleOutlineRoute'
        }
      })
    }
  
    handleWelcomeRoute() {
      alert('welcome')
    }
  
    handleOutlineRoute() {
      alert('outline')
    }
  
  }
  
  (function() {
    const app = new Application()
    app.init()
    $('a.nav').attr('href', `#${Aviator.hrefFor('/outline')}`)
  })()
  </code></pre>
  
  <p>and HTML: </p>
  
  <pre><code>&lt;a class="nav"&gt; Click Me &lt;/a&gt;
  </code></pre>