JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2013.1.514/js/kendo.all.min.js"></script>
<div id="parent-form">
    <span data-bind="text: firstName"></span>
    <span data-bind="text: lastName"></span>
    <div id="nested-form">
        <strong data-bind="text: job"></strong>
    </div>
</div>

JavaScript

var nestedViewModel = kendo.observable({
    job:'Superman'
});
kendo.bind($('#nested-form'), nestedViewModel);

var parentViewModel = kendo.observable({
    firstName: 'Clark',
    lastName: 'Kent'
});
/* When bnding another viewModel without 'job' property to parent form, nestedViewModel.job data-binding is detached and 'Superman' is not being shown */
kendo.bind($('#parent-form'), parentViewModel);