JSFiddle - React, Tailwind, and code Playground

HTML

<h1 contenteditable="true" id="title">Type your title here</h1>
<p contenteditable="true" id="message">messages</p>

<form id="form">
    <input type="text" name="title" id="form-title"></input>
    <textarea name="message" id="form-message"></textarea>
    <input type="submit" id="theSubmit" value="submit"></input>
</form>

JavaScript

var $form = $('form');
$form.submit(function(e) {
    var title = $('#title').text(),
        message = $('#message').text();
    
    $form.find('input[name="title"]').val(title);
    $form.find('textarea[name="message"]').val(message);
    
    // Cancel the submitting of the form for this example
    return false;
});