diff --git a/index.css b/index.css
index ec4a909..310c99b 100644
--- a/index.css
+++ b/index.css
@@ -5,7 +5,7 @@ body {
 #clock {
     height: 100px;
     width: 800px;
-    margin: auto;
+    margin: 10px;
     position: absolute;
     top: 0; left: 0; bottom: 0; right: 0;
     padding-top: 70px;
diff --git a/index.html b/index.html
index 191d3cc..0f706e8 100644
--- a/index.html
+++ b/index.html
@@ -1,14 +1,22 @@
 <!DOCTYPE html>
 <html>
-  <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>
+<head>
+  <title>Clock Tower</title>
+  <meta charset="utf-8">
+  <link href="index.css" media="screen" rel="stylesheet" type="text/css"/>
+</head>
+
+<body>
+  <h1> Is it time for fun? </h1>
+  <div id="clock"> </div>
+
+  <script
+  src="https://code.jquery.com/jquery-3.2.1.js"
+  integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
+  crossorigin="anonymous"></script>
 
-<script src="index.js"></script>
+  <script src="index.js"></script>
+
+</body>
+
+</html>
diff --git a/index.js b/index.js
index 877a3aa..0f93d5b 100644
--- a/index.js
+++ b/index.js
@@ -1 +1,14 @@
-// Your code here
+// console.log("TEST, TEST");
+$(document).ready(function() { // anonymous function
+
+  console.log("ANOTHER TEST");
+
+  var getTime = function(){
+    console.log("Hey I'm in a clock");
+    timenow = $('<div id = "clock" >' + new Date() + '</div>');
+    $('#clock').replaceWith(timenow);
+  };
+
+
+  var myTimer = setInterval(getTime, 1000);
+});
