I'm trying to use the Loader element to load .qml pages. I've been following the documentation here http://doc.qt.nokia.com/4.7-snapshot/qml-loader.html

The problem i'm facing, is that when I set loader.source = "Page2.qml", the page isn't shown.
I have put a console.log on the Page2.qml Component.onCompleted and I can see that log in my Application output, so I know that the Page2.qml is getting loaded, it just isn't displayed.
Page2.qml displays fine in the qml viewer, so it must be something to do with the way it's loaded.

Here's the basic code:

Code:
Item {

    id: homeScreen
    width: 360
    height: 640

    Loader {
        id: pageLoader
        anchors.fill: parent
        onLoaded: console.log('loaded')
    }

    Button {
        id: button1
        x: 0
        y: 335
        text: "New"
        onClicked: {pageLoader.source = "Page2.qml";  }
    }
}
What have I missed?