I have gone through this Link here at stackoverflow, but I cant seem to get the div loaded here is my code
<div id="leftmenu" style="font-size:20px;position:absolute;top:12%;bottom:0;right:0;left:2%;">
<a href="#" id="details"> Form </a>
</div>
<div id="content" style="font-size:20px;position:absolute;top:12%;bottom:0;right:10%;left:12%;">
</div>
<script>
$(document).ready(function(){
$("#details").click(function(){
$("#content").load('student_details.php');
});
});
</script>
Edit: Made change to Load part but still does not work for me
Edit 2:
<!DOCTYPE html>
<html>
<head>
<title> test </title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>
<body>
<div id="leftmenu" style="font-size:20px;position:absolute;top:12%;bottom:0;right:0;left:2%;width:100px;height:100px;">
<a href="#" id="details"> Form </a>
</div>
<div id="content" style="font-size:20px;position:absolute;top:12%;bottom:0;right:10%;left:12%;">
</div>
<script>
$(document).ready(function(){
$("#details").click(function(){
$("#content").load('load.html');
});
});
</script>
</body>
</html>
The following code also fails to work the load.html file is present in D: drive have I done something wrong in div? or maybe the script tag?
the content of load.html is " this works "