Hari301,
I had a same problem once and when I tried the below code it was working fine for me.
Main page:
<!DOCTYPE html>
<html>
<head>
<style>
body{ font-size: 12px; font-family: Arial; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<b>Successful Response (should be blank):</b>
<a href="#" onclick="check();">click me</a>
<div id="success"></div>
<b>Error Response:</b>
<div id="error"></div>
<div id="b"></div>
<script>
function check(){
$('#b').load('test.html #target');
}
</script>
</body>
</html>
Page from which we need to load the content
<html>
<head></head>
<body>
<div id='target'>
I am from test page.
</div>
</body>
</html>