Knockoutjs reapply bindings

https://groups.google.com/forum/#!topic/knockoutjs/P3FM8CgeR-w/discussion

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/jquery.tmpl.js"></script>
<script src="https://github.com/SteveSanderson/knockout/raw/master/build/output/knockout-latest.debug.js"></script>
<div id="main">
    <input data-bind="value: name" />
    <button data-bind="click: addDiv">Add</button>
    <ul id="list"></ul>
</div>

CSS

li {  list-style: square inside; margin-left: 20px; }

JavaScript

var viewModel = {
    name: ko.observable("test2")
};

function addDiv() {
    var newElement = $("<li data-bind='text: name'></li>").appendTo("#list");
    ko.applyBindingsToNode(newElement[0], null, viewModel);
}
     

ko.applyBindings(viewModel);