modifying the object returned by ListModel.get(0) doesn't update the view

ListModel {
        id: fruitModel
        ListElement {
            name: "Apple"
            cost: 2.45
        }
        ListElement {
            name: "Orange"
            cost: 3.25
        }
        ListElement {
            name: "Banana"
            cost: 1.95
        }
    }
    ListView {
        x: 10
        y: 200
        width: 200; height: 250
        model: fruitModel
        delegate: Row {
            Text { text: "Fruit: " + name }
            Text { text: "Cost: $" + cost }
        }
        MouseArea {
            anchors.fill: parent
            onClicked: { fruitModel.get(0).name = "bob"; console.log("ListElement.name: " + fruitModel.get(0).name) }
        }
    }
}