The first file loads the contents of the second file into a div called "pull_table".
The second file contains a form which submits fine when the second file is ran individually, however when the contents is pulled when loading the first file, the form is unable to submit.
file1.php
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#pull_table").load("file2.php");
});
</script>
</head>
<body>
<div id="pull_table"></div>
</body>
</html>
file2.php
<?php
$test_post="";
if (isset($_POST['test_post'])) {
$test_post = $_POST['test_post'];
}
echo $test_post;
?>
<form action="" name="inputs" method="POST">
<input id="test_post" name="test_post" value="THIS FORM SUBMITTED!!" >
<input class="" type="submit" name="submit" id="submit" value="Submit">
</form>
Original question made redundant this shows the most basic functionality.
<form action="/file2.php" name="inputs" method="POST">
Looks like you are missing path in action attribute to file2.php