KnockoutJS value binding woes

by shelbyz

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/knockout-2.1.0rc.js"></script>
<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.js"></script>
<body>
    <input data-bind="value: search" />
    <input value="Click here to trigger update" size="50" />
</body>

CSS

table th { text-align:left; padding-right: 3em; }body { font-family: Helvetica, Arial }
input:not([type]), input[type=text], input[type=password], select { background-color: #FFFFCC; border: 1px solid gray; padding: 2px; }

JavaScript

//debugger;

var viewModel = function() {
    this.search = ko.observable("");

    this.search.subscribe(function(newValue) {
        alert("New value is " + newValue);
        alert("New value is" + this.search);
    });
};

ko.applyBindings(new viewModel());