将内容可修改的内容传递给php

Question

html代码结构遵循简单的形式

<form action="index.php" method="post" enctype="multipart/form-data">
  <div contenteditable="true" id="post"></div>
  <input type="text" name="postHiddenField" id="postHidden" hidden>
  <button type="submit" name="submitPost">Post</button>
</form>

JavaScript形式下方是一个简单的属性

var content = document.getElementById('post').innerHTML;
document.getElementById('postHidden').value = content;

表格上方是正在处理的表格

<?php
if (isset($_POST['submitPost'])) {
   if (!empty($_POST['postHiddenField'])) {
        echo $_POST['postHiddenField'];
   } else {
      echo "field is empty";
   }
}
?>

我提交的结果为空 如何正确获取内容的可编辑内容并将其作为值传递给隐藏字段？