JSFiddle - React, Tailwind, and code Playground

by Kato Richardson

HTML

<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.2.0.js"></script>
<div id="container">
    <ul id="list" data-bind="foreach:$data">
        <li data-bind="text:$data"></li>
    </ul>
</div>

JavaScript

var $container = $("#container");
var $list = $('#list');
var items = ko.observableArray([]);

items.push('one');

$list.detach();

items.push('two');

$container.append($list);

items.push('three');

ko.applyBindings(items, $list[0]);