JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script id="zzz" type="text/html">
<h1>dsfdsfsdF</h1>
</script>

<div id="content" data-bind="template: zzz"></div>

<div data-bind="template: { name: 'person-template', data: buyer }"></div>
<div data-bind="template: { name: 'person-template', data: seller }"></div>
 
<script type="text/html" id="person-template">
    <h3 data-bind="text: name"></h3>
    <p>Credits: <span data-bind="text: credits"></span></p>
</script>

CSS

#content {
    padding: 1em;
}
.answer-list {
    font-size: 200%;
    font-weight: bold;
}

JavaScript

answerModel = {
    buyer: { name: 'Franklin', credits: 250 },
    seller: { name: 'Mario', credits: 5800 },
    answers: [
        { text: 1 },
        { text: 42 },
        { text: 667}
    ]
};

ko.applyBindings(answerModel);