Read content from another page and insert into html in jQuery

From Logic Wiki
Jump to: navigation, search


Master Page

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<title>Rochdale Council</title>
		<script type="text/javascript" src="js/jquery.min.js"></script>
	</head>
	<body>

 
		<div id="MyError">	

		</div>
	</body>

 
 <script type="text/javascript">
  $('#MyError').load('loadpage.html #Content1');

 </script>
</html>

Content page (loadpage.html)

<div id="Content1">
My Beautiful content
</div>

<div id="Content2">
My even more beautiful content
</div>