JSFiddle - React, Tailwind, and code Playground

HTML

<div id='box1'></div>
<div id='box2'></div>

JavaScript

$(document).ready(function()
{
    var myArray = [
    {
        letter: "A",
        brand: "martin"
    },
    {
        letter: "B",
        brand: "lindsay"
    },
    {
        letter: "C",
        brand: "vodka"
    }
    ];
    var list = undefined;
    for (var i = 0; i < myArray.length; i++)
    {
        //this is window, create element from letter:
        list = $('<span>' + myArray[i].letter + '</span>');
        //attach event listener to new element
        list.click((function (new_info) {
            return function()
            {
                $('#box2').text(new_info);
            };
        }(myArray[i].brand)));
        //append current element to div
        $('#box1').append(list).append('<br/>');
    }
});