title: How to use JQuery AJAX with Cloud9 IDE?
body: <p>I'm using Cloud9 IDE. My goal is to be able to develop applications that use JQuery AJAX.</p>
  
  <p>I have these 2 files:</p>
  
  <ol>
  <li>test.htm</li>
  </ol>
  
  <p><code>
   <code>&lt;p class="result"&gt;the result&lt;/p&gt;</code></p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
  $.get('test.php', function(data) {
    $('.result').html(data);
    alert('Load was performed.');
  });
  &lt;/script&gt;
  </code></pre>
  
  <p></code></p>
  
  <p>`2. test.php</p>
  
  <p><code>
     <code>&lt;?php
  </code> echo "hello world";
      ?>
  </code></p>
  
  <p>The problem is that the paragarph with class "result" should read "hello world". Instead, the entire contents of the php file are being added. </p>
  
  <p>How do I get the php file to just echo "hello world" as expected?</p>