diff --git a/index.html b/index.html
index 621dcda..eaee659 100644
--- a/index.html
+++ b/index.html
@@ -52,7 +52,7 @@ <h3>
       Click me to get free stuff!!!!
     </a>
   </div>
-
+  <script src='./script.js'></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..a7e89de
--- /dev/null
+++ b/script.js
@@ -0,0 +1,31 @@
+$(document).ready(function() {
+
+  $('h1').html('Some Text');
+
+
+  var $h4 = $('.info-box').children();
+  $h4.append('<ol><li>One</li><li>Two</li><li>Three</li></ol>');
+
+  $('.sad').toggleClass('sad')
+    .addClass('happy');
+
+  $('a').attr('href', function() {
+    return 'http://www.cashcats.biz';
+  })
+
+
+  var popupValue = $('#annoying-popup').css('top');
+
+  $('#annoying-popup').css('right', '0')
+    .css('top', function() {
+      return parseInt(popupValue) + 30 + 'px';
+    });
+
+  var $unorderedList = $('h3').next();
+  var $list = $unorderedList.children();
+  var $dots = $list.last().prev();
+  $dots.html('New text...');
+
+  var $textArea = $('<textarea placeholder=\'Enter your text here\'></textarea>');
+  $('input[type=text]').replaceWith($textArea);
+});
diff --git a/styles.css b/styles.css
index e24bd33..7188819 100644
--- a/styles.css
+++ b/styles.css
@@ -41,4 +41,4 @@ form{
 }
 #annoying-popup a{
   color: white;
-}
\ No newline at end of file
+}