Knockout - SO - help

http://stackoverflow.com/questions/11461155/refresh-knockout-data-bind-is-blank

HTML

<div data-bind="foreach: foos">
    <button data-bind="click : $parent.reloadFoos, attr: { id: Id }"></button>
    <label data-bind="text: Name"></label>
</div>

JavaScript

function getFoos() {
    var data = [{
        Id: 1,
        Name: 'Joe'},
    {
        Id: 2,
        Name: 'Jon'},
    {
        Id: 3,
        Name: 'Jim'}
                       ]

    for (var i = 0; i < data.length; i++) {
        var f = new foo();
        f.Id = data[i].Id;
        f.Name = data[i].Name;
        viewModel.foos.push(f);
    }

};

var viewModel = {
    foos: ko.observableArray([]),

    reloadFoos: function() {
        getFoos();
    }
};

var foo = function() {
    this.Id = ko.observable();
    this.Name = ko.observable();
};

ko.applyBindings(viewModel);

getFoos();