JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ppl"></div>

JavaScript

var data = '[{ "fname": "Steve", "lname": "Jobs" },{ "fname": "Jony", "lname": "Ives"}]';

var people = $.parseJSON(data);


$(document).ready(function(){
    $("#ppl").html("People: "); 
    getData(people, "fname");
});


function getData(src, field){
    
    $(people).each(function(i){
        $("#ppl").append("<br>");
        $("#ppl").append(src[i].fname); // doesn't work!
    });
    
}