Router.go не работи

Имам приложение за метеор. Създадох оформлението и приложението с помощта на Material Design Lite от google. Следва моята навигация:

HTML за навигация

<template name="nav">
    <nav class="mdl-navigation mdl-layout--large-screen-only">
        <a class="mdl-navigation__link" href="/bg" id="home">Home</a>
        <a class="mdl-navigation__link" href="/bg" id="my-pictures">My Pictures</a>
    </nav>
</template>

файл на рутера

passIfLoggedIn = ->
    if not Meteor.user()
        @render 'login'
    else
        @next()

Router.route '/home',
    waitOn: -> Meteor.subscribe 'StaticTexts'
    action: ->
        @layout 'layout'
        @render 'openPictures', to: 'content'
        @render 'cover', to: 'cover'
    onBeforeAction: passIfLoggedIn

Router.route '/myPictures',
    waitOn: -> Meteor.subscribe 'StaticTexts'
    action: ->
        @layout 'layout'
        @render 'myPictures', to: 'content'
    onBeforeAction: passIfLoggedIn

манипулатор

Template.adminNav.events
    'click #home': (e) ->
        console.log "home"
        Router.go '/home'
    'click #my-pictures': (e) ->
        console.log "my pictures"
        Router.go '/myPictures'

Проблемът тук е, че когато навигирам до отделен маршрут за URL адрес на браузъра, той се изобразява точно както се очаква. Но когато щракна върху навигационния панел към другия бутон, например: My Pictures, URL адресът в адресната лента се променя моментално и се връща обратно към текущия маршрут. Страницата остава непроменена. Не навигира до друга страница. Може ли някой да ми помогне с това?

РЕДАКТИРАНЕ на 1 правописна грешка във въпроса.
манипулатор

Template.nav.events
    'click #home': (e) ->
        console.log "home"
        Router.go '/home'
    'click #my-pictures': (e) ->
        console.log "my pictures"
        Router.go '/myPictures'