jquery tweets with knockout

by cuhuak

HTML

<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.debug.js"></script>
<ul id="tweets" data-bind="foreach: $root">
    <li data-bind="text: text"></li>
</ul>

CSS

#tweets { 
    background:#FAFAFA;
    border:1px solid #e4e4e4;
    margin:0; 
    padding:0;
}
#tweets li {
    border-bottom:1px dotted #CCC;
    list-style:none;
    padding:5px;
}

#tweets li:last-child { 
    border:0; 
}

JavaScript

$.getJSON('http://api.twitter.com/1/statuses/user_timeline.json?callback=?&screen_name=cuhuak&count=5',
                function(data) {
                    ko.applyBindings(data, document.getElementById('tweets'));
                }
            );