Knockout list won't add new item

Question

I've been tring this this code to add item in list but it won't work. what am i missing?

html

<form data-bind="submit: addItem">
    Add To Cart:
    <input data-bind='value: itemToAdd, valueUpdate: "afterkeydown"' />
    <button type="submit" data-bind="enable: itemToAdd().length > 0">Add</button>
    <p>Your items:</p>
    <select multiple="multiple" width="50" data-bind="options: items"> </select>
</form>

js

var myListModel = function(items) {
    this.items = ko.observableArray(items);
    this.itemToAdd = ko.observable("");
    this.addItem = function() {
        if (this.itemToAdd() != "") {
            this.items.push(this.itemToAdd()); 
            this.itemToAdd("");
        }
    }.bind(this);
};

Answer 1

Looks like you've forgotten to add ko.applyBindings(new myListModel());

Here's working version