JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

input {
    width: 4em;
}

JavaScript

var texts = ['t1', 't2', 't3', 't4', 't5'];

$(document).ready(function () {
    for (var i = 0; i < texts.length; i++) {
        var div = $("<div>");
        

            div.text(texts[i]); // <---- problem here
            console.log(texts[i]);
        
        $("#container").append(div);
    }
});