Could not working my fade in fade out when i displaying success message onsubmit function:

Here is my Javascript:

<script>
popUpForm = function() {
    jQuery('#successMessage').text("Successfully submitted !").fadeIn("slow")
    jQuery('#successMessage').css("display", "block")

    setTimeout(function() {
        jQuery('#successMessage').fadeOut()
        jQuery('#successMessage').css("display", "none")
    }, 5000);
}
</script>  And Here is my message block div: <div th:id = "successMessage"  class="alert-box success"></div>

See using following code am not sure.

var auto_info = setInterval(function() {
        $("#successMessage").text("Successfully submitted !").fadeIn("successMessage");

    $("#successMessage").trigger('updatelayout');

    setTimeout(function() {
        jQuery('#successMessage').fadeOut();
    }, 5000);

   });

more