diff --git a/index.html b/index.html
index 191d3cc..33d5066 100644
--- a/index.html
+++ b/index.html
@@ -7,8 +7,14 @@
   </head>
 
   <body>
-      <div id='clock'></div>
+      <div id='clock'>
+        <h4>Local Time:</h4>
+      </div>
+
+      <script src="https://code.jquery.com/jquery-3.2.1.min.js"
+            integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
+            crossorigin="anonymous">
+          </script>
+      <script src="index.js"></script>
   </body>
 </html>
-
-<script src="index.js"></script>
diff --git a/index.js b/index.js
index 877a3aa..879ca34 100644
--- a/index.js
+++ b/index.js
@@ -1 +1,13 @@
 // Your code here
+$(document).ready(function() {
+  var startTime = new Date(Date.now()).toLocaleTimeString();
+  $("#clock").append('<p>' + startTime + '</p>');
+
+  var displayTime = function () {
+    var nowTime = new Date(Date.now()).toLocaleTimeString();
+    $('p').replaceWith('<p>' + nowTime + '</p>');
+  };
+
+  var changeTime = setInterval(displayTime, 1000);
+
+});
