# Back button in jquery mobile (ok)

C:\xampp\htdocs\oec\index.html

```
<!DOCTYPE html>
<head>
	<title>Mobile Events</title>
	<meta name="viewport" content="width = device-width, initial-scale = 1">
	<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
	<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
	<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
	<div data-role="page">
			<a data-role="button" data-rel="back">Back</a>
			<div>
				<h1>Page title</h1>
				<a href="about.html" data-role="button">About us</a>
			</div>
		</div>
</body>
</html>
```

C:\xampp\htdocs\oec\about.html

```
<!DOCTYPE html>
<head>
	<title>Mobile Events</title>
	<meta name="viewport" content="width = device-width, initial-scale = 1">
	<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
	<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
	<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
	<div data-role="page">
			<a data-role="button" data-rel="back">Back</a>
			<div>
				<h1>Page title</h1>
				<a href="index.html" data-role="button">Index</a>
			</div>
		</div>
</body>
</html>
```

![](https://2494213435-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LYjAG13rAPdbArSfRyB%2Fuploads%2FpiuEtkNgSjJ2OtHkodhQ%2FScreenshot_7.png?alt=media\&token=7b3ea9be-dda5-4292-9ef4-fec1376fd08e)

![](https://2494213435-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LYjAG13rAPdbArSfRyB%2Fuploads%2FNKv1x1XZoDnKoFtlm268%2FScreenshot_8.png?alt=media\&token=5856d328-f121-4662-89dd-6880332df40a)
