Error de índice $ _POST no definido en Ajax, PHP

Obtención de un índice indefinido de error PostBody en Ajax No sé cómo solucionarlo.
Ya he revisado muchas publicaciones, pero eso no ayudó.

CÓDIGO HTML en index.php:

Aquí está el código Ajax en mi index.php al final después de jquery cdn.

 $("#postButton").click(function(e) { e.preventDefault(); var body = $("#postBody").val(); var dataString = 'postBody='+body; $.ajax({ type:'POST', data:dataString, url:'submitPost.php', success:function(data) { alert(data); } }); }); 

Y este es el código submitPost.php.

 include("config.php"); global $con; $body = $_POST['postBody']; $date_added = date("F j, Y, g:ia"); $query = mysqli_query($con,"INSERT INTO posts VALUES('','$body','$date_added')"); if($query == 1){ echo "Post Submitted"; else{ echo "Error"; } 

Este código realmente devuelve la publicación enviada en alerta e inserta el $ date_added y no el cuerpo de $. Error: undefined Index postBody en postSubmit.php en 3.

 $("#postButton").click(function(e) { e.preventDefault(); var body = $("#postBody").val(); $.ajax({ type: 'POST', data: {'postBody': body}, url: 'submitPost.php', success: function(data) { alert(data); } }); });