title: Using JavaScript to populate the content in a div
body: <p>I've tried a few ways of doing this, the problem is our site is within a custom built CMS that won't allow us to use anything other than HTML and some JavaScript (it's very picky).</p>
  
  <p>What I need to do is have a page within the CMS replace the content of one div on the page with the content of an outside php page.</p>
  
  <p>Here's the code I'm currently using:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  $.ajax({
      url: "http://website.com/files/table.php",
      success: function(response){
          $("#budget").append(response);
      }
  });
  
  &lt;/script&gt;
  
  
  &lt;div id="budget"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The sole content on the php page is a huge table (content being populated from a DB table). Inside the CMS that does not yield anything (literally blank), but on my test html page (not within the CMS) it works just fine. Does anyone know of any other possible solutions working with these types of restraints?</p>