distributed models

HTML

<div id="foo">
    <h1>This is foo</h1>
    <div data-bind="text: name"></div>
    <input type="text" data-bind="value: name"/>
    
</div>

<div id="bar">
    
    <h1>This is bar</h1>
    
    <input type="text" data-bind="value: name"/>
    
    
</div>

JavaScript

var model = {

    name : ko.observable("Richard")
}

ko.applyBindings(model);