Управление представлениями с помощью маршрутизаторов в Backbone.js

Я работаю в одностраничном приложении со следующим макетом:

Я использую маршрутизатор Backbone.js для управления элементами, загружаемыми на экран :

var AppRouter = Backbone.Router.extend({
    routes: {
        ""              : "list",
        "content1"      : "content1",
        "content1/cont3": "cont3"
    },

    list: function() {
        var list = new List().render().$el; //view
        $("#List").html(list);
    },

    content1: function(){
        var cont1 = new Content1().render().$el; //view
        $("#Content1").html(cont1);
    },

    content3: function(){
        var cont3 = new Content3().render().$el; //view
        $("#Cont3").html(cont3);
    }        

});

. Каждый раз, когда я нажимаю на элемент списка в #List, генерируется #Content1, а когда я делаю это на блоках в #Content1, появляется #Cont3.

Проблема, с которой я сталкиваюсь, заключается в том, что если по какой-то причине я обновляю страницу, когда адрес, например, localhost/content1; элементы в списке #исчезают.

Я хочу, чтобы содержимое в #List всегда присутствовало при загрузке, независимо от того, каким может быть URL-адрес, а также содержимое в #Content1. Есть ли способ добиться этого с помощью магистральных маршрутизаторов?

Спасибо