Странное поведение - ajax + php + html/css

<div class="contentModules">
                        <div id="temp">
                            <?php
                            include 'settings/database.php';
                            $query = 'select * from guestbook order by date desc';
                            $result = mysqli_query($connect,$query)
                                or die('Не удалось выполнить запрос');
                            //echo 'Запрос выполнен успешно!<br>';
                            while ($row = mysqli_fetch_array($result)){
                                $date = $row['date'];
                                $email = $row['email'];
                                $name = $row['name'];
                                $message = $row['message'];
 
                                echo '<div class="messages">
                            <header>
                                <span class="gbName">Автор: '.$name.' </span> <span class="gbDate">Дата: '.$date.'</span><br>
                                <span class="gbEmail">E-mail: '.$email.'</span>
                            </header>
                            <div class="gbMessage">
                                '.$message.'
                            </div>
                        </div>';
                            }
                            mysqli_close($connect);
                            ?>
                        </div>
                        <div id="containerOfMessages">
 
                        <!--- По плану php-код , написанный выше, должен находиться в этом блоке --->
 
                        </div>
                        <div id="pagesOfMessages"></div>
                        <form id="guestBookForm" action="#guestbook" method="post">
                            <label for="nickname">Псевдоним*: </label><input id="example" class="tooltip" title="Заполните,пожалуйста,обязательное поле!" type="text" name="nickname" placeholder="Ваше имя" required><br>
                            <label for="email">E-mail: </label><input type="email" name="email" placeholder="test@test.com"><br>
                            <label for="content">Ваше сообщение*:</label><br>
                            <textarea id="gbText" class="tooltip" title="Заполните,пожалуйста,обязательное поле!" name="content" placeholder="Введите сюде ваше сообщение" required></textarea><br>
                            <input type="button" value="Отправить" onclick="queryGuestBook()"><br>
                        </form>
                    </div>