How to load a internal page content within div? I have following code in a basic page on drupal 7

&lt;h2 id="tabs"&gt;Test Title&lt;/h2&gt;
&lt;!-- Nav tabs --&gt;
&lt;ul class="nav nav-tabs"&gt;
&lt;li class="active"&gt;&lt;a href="content/test" data-toggle="tab"&gt;&lt;i class="fa fa-home"&gt;&lt;/i&gt;Test Nav&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;!-- Tab panes --&gt;
&lt;div class="tab-content"&gt;
&lt;div class="tab-pane active" id="home"&gt;
&lt;p&gt;Content of the above internal link should display here.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;


So, when I click "Test Nav",  the content of the like which is originating from the same site should load within the div below.

EDIT: The content is from another page is part of a CRM form which gets generated automatically. So what I need to load is the “content” part of that linked page.  I have managed to load the page by “object load”, but that loads the entire webpage. I do not need the menu, header, footer. Just the content part of it. Hope this clears the query. 

Can anyone suggest a way to do it please?
You can use jQuery $.load() to load a section of a page:

(function($, Drupal) {
  function loadContent(context) {
    $(context).find("#the_container_div").once("arbitrary-key", function () {
      // $(this) refers to #the_container_div
      $(this).load("http://example.com #container");
    }
  }

  Drupal.behaviors.someArbitraryButUniqueKey = {
    attach: function (context) {
      loadContent(context);
    }
  };
}(jQuery, Drupal));


The function loadContent() loads the content of the #container div at the page example.com into your local container of #the_container_div.