JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

var people = {
    'p1': {
        name: 'john'
    },
        'p2': {
        name: 'bob'
    },
        'p3': {
        name: 'jim'
    }
};
var container = $('#container');

for (var i in people) {

    (function (name) {
        var message = $('<textarea></textarea>').appendTo(container);
        message.keypress(function (e) {
            if (e.keyCode == 13) {
                sendMessage(name);
            }
        });

        var messageButton = $('<div>Send</div>').appendTo(container);
        messageButton.click(function () {
            sendMessage(name)
        });
    })(people[i].name);

}

function sendMessage(to) {
    console.log(to);
}