JSFiddle - React, Tailwind, and code Playground

HTML

<div id="view-content"></div>

JavaScript

var content = [{"title":"John Apple","lastname":"Apple"},
    {"title":"Kumar Patel","lastname":"Patel"},
    {"title":"Michaela Quinn","lastname":"Quinn"},
    {"title":"Peyton Manning","lastname":"Manning"},
    {"title":"John Doe","lastname":"Doe"},
    {"title":"Jane Lee","lastname":"Lee"},
    {"title":"Dan McMan","lastname":"McMan"},
    {"title":"Yu Win","lastname":"Win"}];

$.each(content, function(t, l){
        $('#view-content').append('<div id = "' + l.lastname + '">' + l.title + '</div>');
    });