title: Simple JQuery AJax Example: Variables
body: <p>I took code from the W3 Schools regard jquery ajax and modified it slightly:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;
  &lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function(){
    $("button").click(function(){
      $("#div1").load("test/test.php");
    });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;? $a=5; $b=5; $a + $b = $c;?&gt;
  &lt;div id="div1"&gt;&lt;h2&gt;Let jQuery AJAX Change This Text???&lt;/h2&gt;&lt;/div&gt;
  &lt;button&gt;Get External Content&lt;/button&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>On my test.php I have this little line:</p>
  
  <pre><code>&lt;h2&gt;The answer is: &lt;?=$c?&gt;&lt;/h2&gt;
  </code></pre>
  
  <p>When I click the button though I am not getting anything, just "The answer is:"</p>
  
  <p>I know this is stupid simple, but I a newb to Jquery AJAX and can't find a solution that answer this question. This is more for my understanding that a real project-based problem.</p>
  
  <p>Thankss</p>