title: how to load content from another page using ajax
body: <p><strong>hi i am a new programer</strong>
  i want to replace the content of <strong>current php page</strong> from <strong>another php page</strong> using <strong>ajax</strong> without refreshing page.</p>
  
  <p>the content to be replaced is in <strong>div's</strong>.</p>
  
  <p>both pages (current and another) has same div's</p>
  
  <p><strong>HTML Div's are:</strong></p>
  
  <pre><code>  &lt;div class="category-container"&gt;
      &lt;div class="category-image"&gt;&lt;/div&gt;
      &lt;div class="category-desc"&gt;&lt;a href="#"&gt;#&lt;/a&gt;&lt;p&gt;text&lt;/p&gt;&lt;/div&gt;
      &lt;div class="rating5" &gt;Editors' rating: &lt;/div&gt;
      &lt;div class="category-download-btn"&gt;&lt;a href="#"&gt;Download&lt;/a&gt;&lt;/div&gt;
      &lt;div class="category-buy-btn"&gt;&lt;a href="#"&gt;Buy&lt;/a&gt;&lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>can anyone tell me how i can do it. it will be a great help.
  also can you provide me ajax code not jquery.</p>
  
  <p>thanks.</p>