JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.3.5/knockout.mapping.js"></script>
    <div class="titleWrapper">
        Add Department
    </div>
    <label>Department Name:</label>
    <input data-bind="value: AddDepartmentModel.teste" id="departmentNameTextbox" type="text" />
    <p data-bind="text: AddDepartmentModel"></p>

JavaScript

var AddDeparmentViewModel = function() {
    var self = this;   
    self.AddDepartmentModel = ko.observable({});
    $.getJSON('/echo/json/', function(retVal){
        var data = {"DepartmentID":0,"DepartmentName":"Test","EVNTTRKR_Admins":[],"EVNTTRKR_Event": [],"EVNTTRKR_ItemCategories":[]};
        ko.mapping.fromJS(data, {}, self.AddDepartmentModel);
       self.AddDepartmentModel;
    });
};

$(document).ready(function() {
    var departmentViewModel = new AddDeparmentViewModel();
    ko.applyBindings(departmentViewModel);
})