diff --git a/index.html b/index.html
index e5f8fea..0ff91cc 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="utf-8">
     <title>Stoplight Exercise</title>
-    <script defer src="index.js"></script>
     <link rel="stylesheet" href="index.css">
   </head>
   <body>
@@ -18,5 +17,10 @@
       <div id="slowLight" class="bulb"></div>
       <div id="goLight" class="bulb"></div>
     </div>
+    <script src="https://code.jquery.com/jquery-3.2.1.js"
+      integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
+      crossorigin="anonymous">
+    </script>
+    <script src="index.js" charset="utf-8"></script>
   </body>
 </html>
diff --git a/index.js b/index.js
index 03cc920..b84f049 100644
--- a/index.js
+++ b/index.js
@@ -1,5 +1,16 @@
 (function() {
   'use strict';
 
-  // YOUR CODE HERE
-})();
+  $("#stopButton").click(function() {
+    $("#stopLight").toggleClass('stop');
+  });
+
+  $("#slowButton").click(function() {
+    $("#slowLight").toggleClass("slow");
+  });
+
+  $("#goButton").click(function() {
+    $("#goLight").toggleClass("go");
+  });
+
+}());
