Please refer this link
http://api.jquery.com/load/
In this when the PageB LinkButton is click then PageA content is loaded in Div tag of PageB.
PageA.HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
This is PageA
<asp:TextBox runat="server" />
</div>
</form>
</body>
</html>
PageB.HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function () {
$("[id*=lnkGetPage]").click(function () {
$("[id*=divPageB]").load("PageA.aspx", function (response, status, xhr) {
if (status == "error") {
var msg = "Sorry but there was an error: ";
$("[id*=divPageB]").html(msg + xhr.status + " " + xhr.statusText);
}
});
return false;
});
});</script>
</head>
<body>
<form id="form1" runat="server">
<div id="divPageB">
</div>
<asp:LinkButton ID="lnkGetPage" Text="Get Page2" runat="server" />
</form>
</body>
</html>
