How can I load a php webpage and send that php webpage a POST without refreshing?
<p>I have the following code:</p>

<pre><code>&lt;body&gt;
    &lt;ul id = "nav"&gt;
        &lt;textarea rows="0" cols="0" name="textBoxStuff" maxlength="0" value=""&gt;10&lt;/textarea&gt;
        &lt;li&gt;&lt;a href="test2"&gt;Home&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="test3"&gt;About us&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="test4"&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div id="content"&gt;
    &lt;script src="jquery.js"&gt;&lt;/script&gt;
    &lt;script src="general.js"&gt;&lt;/script&gt;
    &lt;/div&gt;
&lt;/body&gt;
</code></pre>

<p>When I click on any of the links it will load general.js which has the following code:</p>

<pre><code>$(document).ready(function() {
    $('#content').load('content/test1.php');
    $('ul#nav li a').click(function (){
        var page = $(this).attr('href');
    $('#content').load(page + '.php');
        return false;
});
});
</code></pre>

<p>This will then load the content from test2.php, or test3.php, or test4.php. It depends on which link I press. It will load the content without refreshing the webpage which is what I want. However, in my test2.php file, I want it to output what was written in the textbox on the main page.</p>

<p>This is the code in test2.php:</p>

<pre><code>&lt;?php
    $textBoxStuff = $_POST['textBoxStuff'];
    echo $testBoxStuff;
    echo '&lt;h1&gt;Home&lt;/h1&gt;';
?&gt;
</code></pre>

<p>So the word "Home" is properly showing up when I click Home on the main page, but I don't know how to send the $_POST['textBoxStuff']; to the test2.php file. The $_POST['textBoxStuff'] should be equal to whatever was inside the textarea on the main webpage. So my question is if anyone knows how to send the data from the textbox from the mainpage to my test2.php file without refreshing the webpage, so using jquery.</p>
