JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
<div id="list-json">   
{
    "name": "Chair",
    "title": "Chairs",
    "items": [
        {
            "name": "Recliner",
            "title": "Recliner Chair",
            "type": "Chair",
            "quantity": "1"
        },
        {
            "name": "Club/Armchair",
            "title": "Club/Armchair",
            "type": "Chair",
            "quantity": 1
        }
    ]
}
</div>

<div class="accordion fl" id="items-index">
    <div class="accordion-group">
    </div>
</div>



<!-- Template -->
<script type="text/html" id="furniture-template">
    <div class="accordion-heading">
        <a class="accordion-toggle" data-toggle="collapse" href="#items-group1">
            <%= name %>
        </a>
    </div> <!-- header -->
</script>

CSS

.pickup {
    width: 100%;
    border: 1px solid #000;
    margin-bottom: 10px
}

#list-json {display: none}

JavaScript

var renderFurniture = function() {
    var list = $('#list-json').text(),
        template = _.template( $('#furniture-template').html() ),
        compiled = template( $.parseJSON(list) );
        return compiled;
}

var $furnitureList = renderFurniture();
console.log($furnitureList);
$('.accordion-group').append($furnitureList);