If ( typeof MyApp.Pages[pageName] === 'function') {
    // don't really need the element passed here per this example's controller, will check if needed.
    pageInstance  = new MyApp.Pages[pageName]($('body'));
    pageInstance.view.done( function ( htmlOutput ) {
        $('body').append(htmlOutput);
        $('#' + pageName).page();
        $.mobile.changePage( $('#' + pageName) );
    }

/**
 * @class MyApp.Pages.Frontpage
 */
$.Controller('MyApp.Pages.Frontpage',
    /** @Static */
    {
        defaults : {
            itemsPerPage : 20,
            currentPage : 1
        },
        pluginName: 'frontpage'
    },
    /** @Prototype */
    {
        /**
         * Downloads and renders a full page of blog posts
         */
        init : function() {
            this.view = $.View("my_app/pages/views/frontpage.ejs", {
                items: MyApp.Models.BlogPost.findAll({
                    start : (this.options.currentPage-1)
                            * this.options.itemsPerPage,
                    count : this.options.itemsPerPage
                })
            });
        }
    }
); // End of controller

function() {
    // intercept changePage events to inject our controllers as needed (dispatch)
    $(document).bind( "pagebeforechange", function( e, data ) {
        // we only handle url changes
        if ( typeof data.toPage === "string" ) {
            // We are being asked to load a page by URL
            var u = $.mobile.path.parseUrl( data.toPage ),
                re = /^\#([a-zA-Z]+)$/; // TODO $.route

            if (u.hash.search(re) !== -1 && $(u.hash).length == 0) {
                var pageName = re.exec(u.hash);
                pageName = pageName[1];
                if(pageName === 'splah') {
                    return false;
                }
                // ucwords - ignore as it will be replaced by using $.route
                controllerName = pageName.replace(/^([a-z])|\s+([a-z])/g, function (str) {
                    return str.toUpperCase();
                });
                if (typeof MyApp.Pages[controllerName] === 'function') {
                    var $instance = new MyApp.Pages[controllerName]($('body'));
                    $instance.view.done(function (htmlOutput){
                        // add the rendered output to the body (could also be done in the controllers instead)
                        $('body').append(htmlOutput);
                        $('#' + pageName).page(); // jQuery Mobile magic decoration
                        // passing an object skips the dispatch and just shows the page
                        $.mobile.changePage($('#' + pageName));
                    });
                    e.preventDefault();
                }
            }
        }
    });
    $('#splash').fadeIn(500);
    setTimeout(function () {
        $.mobile.changePage('#frontpage');
    }, 500);
});