JsRender - render html

HTML

<script src="http://borismoore.github.com/jsrender/jsrender.js"></script>
<script id="template" type="text/x-jsrender">
    <div>
        {{for testData}}
        <header class="feed-title">
            <div class="feed-title-content">
                <span class="feed-title-text">{{:title}}</span>
            </div>
        </header>
        <section class="row">
            <div class="scroll-left"></div>
            <div class="row-scroll">
                {{for secondary}}
                  {{:name}}
                {{/for}}
            </div>
            <div class="scroll-right"></div>
        </section>
        {{/for}}
    </div>
</script>
<div id="div1"></div>

JavaScript

var vm = {
    foo: "names",
    testData: [
        {
            name: "John", 
            markup: "<span style='background: yellow'>John</span>",
            secondary: [ { name: "two", test: "true" } ]
        },
        {
            name: "Boris", 
            markup: "<span style='background: orange'>Boris</span>",
    secondary: [ { name: "one", test: "false" } ]
        }
    ]
};

$("#div1").html($("#template").render(vm));