JSFiddle - React, Tailwind, and code Playground

HTML

<form method="post" action="">
    <p>
        <label>Name:</label>
        <input type="text" name="name" size="30" />
    </p>
    <p>
        <label>Address:</label>
        <textarea name="address"></textarea>
    </p>
    <p>
        <input type="submit" value="Submit" />
    </p>
</form>
<div id='modal'></div>

CSS

#modal{background:yellow; color:black;}

JavaScript

$('form').on('submit', function (e) {
    e.preventDefault();
    var o = {};
    o['Name'] = $('[name="name"]').val();
    o['Address'] = $('[name="address"]').val();

    $.each(o, function (k, d) {
        var p = '<p>' + k + ' : ' + d + '</p>';
        $('#modal').append(p);
    });
});