$.post() лучше отправлять момент готовности DOM, то есть $(document).ready()<?php
if($_POST){
$foo = $_POST['variable']
}
?>
. . .
some html code
. . .
<form action="">
<input type="text" value="foo" name="variable">
<input type="submit" value="Отправить форму">
</form>
<div class="inputs">
<?php
echo $foo ? $foo : '';
?>
</div><html>
<body>
<div id="out"></div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script>
$(document).ready(function(){
var variableToSend = 'Все работает!';
$.post(
'file.php',
{variable: variableToSend},
function(response){
$('#out').append(response + '<br>');
},
'text'
);
});
</script>
</body>
</html>
Руководство PHP > While