title: Load php content with jQuery AJAX
body: <p>My problem:</p>
  
  <p>I have index.html:</p>
  
  <pre><code>&lt;form action="toload.php" method="post"&gt;
  Input: &lt;input type="text" name="something" value="" /&gt;&lt;br /&gt;
  &lt;input type="submit" value="Submit!" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><code>toload.php</code> is something like:</p>
  
  <pre><code>&lt;?php
  
  echo "Your input was: " . $_POST["something"];
  
  ?&gt;
  </code></pre>
  
  <p>The question is quite simple.</p>
  
  <p>When I press the <code>Submit!</code> button, I would like to dynamically load the content <code>toload.php</code> in <code>index.html</code> without the need of a refresh.</p>
  
  <p>Thanks in advance! please comment for any needed clarification.</p>
  
  <hr>
  
  <p><strong>EDIT, a more verbose explanation:</strong></p>
  
  <p>I'm not sure I'm being clear (or maybe I'm not understanding the answers do to my lack of technical skills) so I'll give it another go. (re-write)</p>
  
  <p>I have an HTML for with a submit button that sends a variable through POST method.</p>
  
  <p>This variable is used by a PHP file and after a certain process, it inserts and update a MySQL database and echoes out some other stuff.</p>
  
  <p>This is working JUST FINE.</p>
  
  <p>But now I want to improve it by avoiding the page "reload" (going to the .php).</p>
  
  <p>I want the HTHL that comes as an output of my HTML file to be dynamically shown in my HTML page.</p>
  
  <p>Is it more clear now? </p>