JQuery Ajax动态表单，如何在上面的表单中显示成功消息

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>

<form id="myForm">
  <input type="text" id="name" name="name" placeholder="姓名">
  <input type="email" id="email" name="email" placeholder="邮箱">
  <button type="submit">提交</button>
</form>

$(document).ready(function() {
  $('#myForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    // 获取表单数据
    var formData = {
      name: $('#name').val(),
      email: $('#email').val()
    };

    // 发送Ajax请求
    $.ajax({
      url: 'your_server_url', // 替换为实际的服务器端处理URL
      type: 'POST',
      data: formData,
      success: function(response) {
        // 成功回调函数，显示成功消息
        $('#myForm').append('<p class="success">提交成功！</p>');
      },
      error: function(xhr, status, error) {
        // 错误回调函数，显示错误消息
        console.log(error);
      }
    });
  });
});

.success {
  color: green;
  font-weight: bold;
}