Backbone model change and view render update

I have an express app with session in the back end, and in the front I have Backbone+RequireJS. My problem is with the session Model I have, and the change event that triggers the render method on the views.

So:

1. The app has a Home view, that has a listener to the "change" event of the Session Model, and runs the "render" method.
2. An users with no credentials go into a public page from the home, let's say to /about
3. In there, the user logins from the header that has a login form (user/password).
4. Because of the listener in item 1, the container element gets an updated with the new home content, but the user is still in /about.

So, the question is: How do I avoid this bad behavior, so the views only listen to events if the correct route is active?

A code example:

"use strict";

var SessionModel = Backbone.Model.extend({});

var sessionModel = new SessionModel();

var HomeView = Backbone.View.extend({
    initialize: function() {
        this.listenTo(sessionModel, "change", this.render);
    },
    render: function() {
        // updates the main container element
    }
});

var AppRouter = Backbone.Router.extend({
    "": "home",
    "about": "about"
});

var appRouter = new AppRouter();

appRouter.on("route", function() {
    sessionModel.fetch(); // Updates session model on every route change
});

appRouter.on("route:home", function() {
    var homeView = new HomeView();
    homeView.render();
});