JSFiddle - React, Tailwind, and code Playground

HTML

<div id="post">
 
 </div>


<tr><th><label for="id_email">Опции:</label></th><td><input type="text" name="email" maxlength="50" id="id_email" /></td></tr>
<tr><th><label for="id_name">Имя:</label></th><td><input type="text" name="name" value="Аноним" maxlength="30" required id="id_name" /></td></tr>
<tr><th><label for="id_title">Тема:</label></th><td><input type="text" name="title" maxlength="60" id="id_title" /></td></tr>
<tr><th><label for="id_text">Пост:</label></th><td><textarea name="text" cols="40" rows="10" required id="id_text">
</textarea></td></tr>
<tr><th><label for="id_image">Картинка:</label></th><td><input type="file" name="image" id="id_image" /></td></tr>

JavaScript

var frm = $('#form_post');
    frm.submit(function () {
        $.ajax({
            type: frm.attr('method'),
            url: frm.attr('thread_detail'),
            data: frm.serialize(),
            success: function (data) {
                console.log(data);
                $("#post").html(data);

            },
            error: function(data) {
                $("#MESSAGE-DIV").html("Something went wrong!");
            }
        });
        return false;
    });