JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.7.2b1.js"></script>
<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.js"></script>
<p>should display "hello world!" three times.</p>

<!-- works -->
<div id="one"data-bind="text: test"></div>

<!-- don't work -->
<div id="two"></div>

<!-- works -->
<div id="three"></div>

CSS

#one{ color: red; }
#two{ color: green; }
#three{ color: blue; }

JavaScript

var MyView = function(){
    this.test = ko.observable("hello world!");
};

$(function(){
    // don't work
    $('#two').data('bind', 'text: test');
    
    // works
    $('#three').attr('data-bind', 'text: test');
});

ko.applyBindings(new MyView);