title: Replace the current content of div with another page response
body: <p>Sample code:  </p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          .....
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="content"&gt;
              &lt;form&gt;
                  ....
                  &lt;input type="submit" onclick="loadAnotherPage()"/&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;  
  </code></pre>
  
  <p>I want to load another page say <strong>edit_profile.php</strong> in the <code>content</code> div. How can it be achieved without refreshing the page?</p>
  
  <p>I tried to use jQuery <code>load()</code> method. But looks like I missed something. Any help would be highly appreciated.  </p>