JSFiddle - React, Tailwind, and code Playground

by mgs_jsfiddle

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/2.3.0/knockout-min.js"></script>
<div data-bind="with: person">
   <p>person <input type="text" data-bind="value: firstName"/></p>
</div>

<div>
   <p>person <input type="text" data-bind="value: person().firstName"/></p>
</div>

<div>
    <a href="#" data-bind="click: moveNext">moveNext</a>
</div>

JavaScript

$(function() {
    function ViewModel() {
        var self = this;
        self.person = ko.observable({ firstName: "first"});
        self.moveNext = function() {
            self.person({ firstName: "second"});
        };
    };
    ko.applyBindings(new ViewModel());
    $("input").css("background-color", "#ffff00");
});