JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
<div data-bind="foreach: departments">
    <span data-bind="text: $data"></span>
</div>
<button data-bind="click: load">Load</button>

JavaScript

function MyViewModel() {
    this.departments = ko.observableArray([]);
    this.load = function () {
        $.ajax({
            type: 'POST',
            url: '/echo/json/',
            contentType: 'application/json',
            data: {
                json: JSON.stringify(['Department A', 'Department B', 'Department C'])
            }
        })
        .success(this.departmentsLoaded.bind(this))
    };
    
    this.departmentsLoaded = function (data) {
        this.departments(data);
    };
}

$(function () {
    ko.applyBindings(new MyViewModel());    
});