JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"></div>

JavaScript

var data = {
    "qA": [{
        "question": "How deep is the ocean",
            "answer": [
            "quite deep",
            "very deep",
            "no deep at all"]
    }, {
        "question": "How high is the sky",
            "answer": [
            "real high",
            "high enough",
            "not that high"]
    }]
};

var html = "";
var x = "'";
$.each(data.qA, function (index, item) {
    //console.log(item);
    html += "<ul>" + item.question;

    $.each(item.answer, function (index1, item1) {
        html += "<li>" + x + item1 + "</li>";

    });
    html += "</ul>";
});

$("#container").append(html);