<!DOCTYPE html>
<html 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>about</title>
  <script src="common.js"></script>
  <script src="about.js"></script>
</head>

<body>
  <h1>
    About
  </h1>
</body>
</html>

<!DOCTYPE html>
<html 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>about</title>
  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <script src="common.js"></script>
  <script src="about.js"></script>
</head>

<body>
  <h1>
    About
  </h1>
  <button type="button" id="testJQuery" class="test-jquery">
    test jQuery
  </button>

  <ul>
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, hic.</li>
    <li>Officia sunt, facilis amet natus nostrum numquam hic illum earum.</li>
    <li>Facilis quaerat rerum ratione laboriosam iusto, exercitationem delectus adipisci. Vero?</li>
    <li>Voluptatibus, magni eligendi sunt eum sapiente mollitia quaerat incidunt dolorem!</li>
    <li>Deserunt ab explicabo est fugiat. Voluptatibus incidunt, at magnam nihil.</li>
  </ul>
</body>
</html>

Add jquery. Add some markup
Add jquery. Add some markup
