diff --git a/index.html b/index.html
index 191d3cc..60a13ff 100644
--- a/index.html
+++ b/index.html
@@ -1,14 +1,21 @@
 <!DOCTYPE html>
 <html>
-  <head>
-      <title>Clock Tower</title>
-      <meta charset="utf-8">
-      <link href="index.css" media="screen" rel="stylesheet" type="text/css"/>
-  </head>
+<head>
+  <title>Clock Tower</title>
+  <meta charset="utf-8">
+  <link href="index.css" media="screen" rel="stylesheet" type="text/css"/>
+</head>
 
-  <body>
-      <div id='clock'></div>
-  </body>
-</html>
+<body>
+  <div id='clock'></div>
+
+  <script
+  src="https://code.jquery.com/jquery-3.2.1.min.js"
+  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
+  crossorigin="anonymous">
+  </script>
+  <script src="index.js" type="text/javascript">
+  </script>
 
-<script src="index.js"></script>
+</body>
+</html>
diff --git a/index.js b/index.js
index 877a3aa..90d94e8 100644
--- a/index.js
+++ b/index.js
@@ -1 +1,28 @@
-// Your code here
+var updateTime = function() {
+  var startTime = new Date();
+  var hour = startTime.getHours();
+  var time = doubleDigits(hour) + ":" + doubleDigits(startTime.getMinutes()) + ":" + doubleDigits(startTime.getSeconds());
+
+  if (hour < 12) {
+    time += " AM";
+  } else if ( hour >= 12) {
+    if (hour > 13) {
+      hour = hour % 12;
+    }
+    time += " PM";
+  }
+
+  $('#clock').text(time);
+};
+
+var doubleDigits = function(digit) {
+  if (digit < 10 ) {
+    return '0' + digit;
+  } else {
+    return digit;
+  }
+};
+
+$(document).ready(function() {
+  setInterval(updateTime, 1000);
+});
