diff --git a/index.html b/index.html
index 191d3cc..d59f1de 100644
--- a/index.html
+++ b/index.html
@@ -11,4 +11,9 @@
   </body>
 </html>
 
-<script src="index.js"></script>
+<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>
diff --git a/index.js b/index.js
index 877a3aa..2eb45fb 100644
--- a/index.js
+++ b/index.js
@@ -1 +1,37 @@
-// Your code here
+
+
+$(document).ready(function() {
+
+  // so something show up on the page right away
+  // var date = new Date();
+  // $('#clock').html(date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds());
+
+  var getTime = function(date) {
+    var date = new Date();
+    var seconds = date.getSeconds();
+    var minutes = date.getMinutes();
+    var hours = date.getHours();
+
+    // Change to meridian time
+    var meridian = 'AM';
+    if ( hours >= 12 ) {
+      hours = hours - 12;
+      meridian = 'PM';
+    }
+
+    var time = addZero(hours) + ':' + addZero(minutes) + ':' + addZero(seconds);
+    time += ' ' + meridian;
+
+    $('#clock').html(time);
+  };
+
+  var addZero = function(time) {
+    return ( time < 10 ) ? "0" + time : time;
+  };
+
+
+
+
+  setInterval(getTime, 1000)
+
+});