JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.1.0.js"></script>
<div id="container">
<div>
<label>Name</label>
<input data-bind="value: name" />
</div>
<div>
<label>Email</label>
<input data-bind="value: email" />
</div>
<div data-bind="text: name"></div>
<div>
<button id="test">Test</button>
</div>
</div>
JavaScript
var src = {
name: ko.observable("Shawn"),
email: ko.observable("[email protected]")
};
var $container = $("#container")[0];
ko.applyBindings(src, $container);
$("#test").on("click", function (e) { alert(src.name()); });