JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css">
<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-1.2.0.js"></script>
<div data-role="page" id="one">       
    <p>First: <input data-bind="value: first" /></p>
    <p>Second: <input data-bind="value: second" /></p>    
    <a href="#two" >Go To Two</a>    
</div>

<div data-role="page" id="two">
    <p>Third: <input data-bind="value: third" /></p>
    <p>Fourth: <input data-bind="value: fourth" /></p>     
    <a href="#one" >Back To One</a>
</div>

JavaScript

var modelOne = function(first, second) {       
    this.first = ko.observable(first);
    this.second = ko.observable(second);
};

var modelTwo = function(third, fourth) {
    this.third = ko.observable(third);
    this.fourth = ko.observable(fourth);
};

ko.applyBindings(new modelOne("Test", "One"));
ko.applyBindings(new modelTwo("Test", "Two"));