JS/JQuery Динамическое добавление HTML

Мне нужно, чтобы при регистрации выводилось уведомление о успешной регистрации. Моя первоначальная идея заключалась в том, чтобы объявить обычный html тэг и просто через css присвоить ему display:none; а потом при отправке формы менять его на block. Но я понял, что люди с базовым знанием, могут сами отобразить сообщение, а мне это не нужно.

Насколько корректен нынешний код? Есть ли другие варианты добавления динамического HTML? Просто этот вариант, не совсем удобен..

<script>
function normalert() {
                $('#suda').append('<h1 style="position: relative; left:40%;">Регистрация успешна!</h1>');
            }
            $(document).ready(function() {
                $('form').submit(function(e) {
                    e.preventDefault();
                    setTimeout("normalert();", 1000);
                })
            });
    </script>
    ```