JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://knockoutjs.com/downloads/knockout-3.1.0.js"></script>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="https://rawgit.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.debug.js"></script>
Full Name:
<input data-bind="value: fullName" disabled="disabled" />
<br />Ref:
<input data-bind="value: referenceNumber" disabled="disabled" />
<br />Position:
<input data-bind="value: position" disabled="disabled" />
<br />Email:
<input data-bind="value: email" disabled="disabled" />
<br />Dept:
<input data-bind="value: departmentName" disabled="disabled" />
<br />Country:
<input data-bind="value: country" disabled="disabled" />
<br />
JavaScript
var viewModel = {};
$.getJSON("http://yourjavascript.com/348728012/temp.js", function (data) {
viewModel.model = ko.mapping.fromJSON(data);
ko.applyBindings(viewModel);
});