Insert through ajax then fade in content with Javascript
===

So I currently have my form that submits the data to my database..But now I'm wondering how I go about printing this data into the page.

I've been told I must use javascript to do this, but the problem is I have a like and dislike button a comments button a delete button and my profile image within a div that has a postid to delete which is under the form within my profile.php. I need all this implemented also. Is this a huge task? And what do I need to do it. 

    $(document).ready(function(){
        $("form#myform").submit(function(event) {
            event.preventDefault();
            var toid = $("#toid").val();
            var newmsg = $("#newmsg").val();
    
            $.ajax({
                type: "POST",
                url: "insert.php",
                data: "toid=" + content + "&newmsg=" + newmsg,
                success: function(){alert('success');}
            });
        });
    });
    
    
    <form id="myform"  method="POST"  class="form_statusinput">
    <input type="hidden"  name="toid" id="toid" value="<?php echo $user1_id; ?>">
    <input class="input" name="newmsg" id="newmsg" placeholder="Say something" autocomplete="off">
    <div id="button_block">
    <input type="submit" id="button" value="Feed">
    </div>
    </form>

