JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
<body>
    <div id="data"></div>
</body>

JavaScript

$(function () {

    json = [{
        "ID": "3",
        "list_name": "House",
        "item_ID": "3",
        "list_ID": "3",
        "item_name": "Tidy Up"
    }, {
        "ID": "4",
        "list_name": "School",
        "item_ID": "4",
        "list_ID": "4",
        "item_name": "Do homework"
    }, {
        "ID": "3",
        "list_name": "House",
        "item_ID": "5",
        "list_ID": "3",
        "item_name": "Go to toilet"
    }, {
        "ID": "3",
        "list_name": "House",
        "item_ID": "7",
        "list_ID": "3",
        "item_name": "Go out."
    }]

    $.template('Lists', '<p>${list_name}</p>');
    $.template('Items', '<ol><li>${item_name}</li></ol>');


    for (var i = 0; i < json.length; i++) {

        $.tmpl('Lists', json[i]).appendTo('#data');
        $.tmpl('Items', json[i]).appendTo('#data');
    }

});

});