JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<form>
   <dl>
   <dt><textarea class="add-entry" id="entryTextArea"></textarea></dt>  
   <dt><input type="submit" value="Enter" class="entryButton" id="button"></dt>
   </dl>
</form> 
<div id="test"></div>

CSS

.entryButton {
    visibility: hidden;
}

JavaScript

$("form").delegate('.entryButton','click', function() {
    var form = $(this).closest("form");
    var id = form.attr('id');
    var text = form.find("textarea").val();
    $("#test").append(text);                 
    
    //Prevent the form from being submitted (default HTML)
    return false;
});


$("textarea").focus(function() {
$(this).css('height', '80px');
    var button = $(this).parent().next().children();
    button.css('visibility', 'visible');
    button.css('height', '20px');
});

$("textarea").blur(function() {
    $(this).css('height', '30px');
    var button = $(this).parent().next().children();
});