diff --git a/index.html b/index.html
index 2023809..a92c362 100644
--- a/index.html
+++ b/index.html
@@ -46,13 +46,13 @@
       </audio>
     </div>
     <div class="instrument">   
-      <button class="note c">c</button>        
-      <button class="note d">d</button>
-      <button class="note e">e</button>
-      <button class="note f">f</button>
-      <button class="note g">g</button>
-      <button class="note a">a</button>
-      <button class="note b">b</button>
+      <button class="note_c">c</button>        
+      <button class="note_d">d</button>
+      <button class="note_e">e</button>
+      <button class="note_f">f</button>
+      <button class="note_g">g</button>
+      <button class="note_a">a</button>
+      <button class="note_b">b</button>
     </div>
   </body>
 </html>
diff --git a/noise.js b/noise.js
index 1d6dd4b..ab21932 100644
--- a/noise.js
+++ b/noise.js
@@ -1,3 +1,49 @@
+'use strict'
+
 $(document).ready( function() {
-  // your code here
+
+
+  $('div.instrument > .note_c').click(function(){
+
+    var cNote = $('div#audio_embeds > #cAudio')[0];
+    cNote.play();
+  });
+
+  $('div.instrument > .note_d').click(function(){
+
+    var dNote = $('div#audio_embeds > #dAudio')[0];
+    dNote.play();
+  });
+
+  $('div.instrument > .note_e').click(function(){
+
+    var eNote = $('div#audio_embeds > #eAudio')[0];
+    eNote.play();
+  });
+
+  $('div.instrument > .note_f').click(function(){
+
+    var fNote = $('div#audio_embeds > #fAudio')[0];
+    fNote.play();
+  });
+
+  $('div.instrument > .note_g').click(function(){
+
+    var gNote = $('div#audio_embeds > #gAudio')[0];
+    gNote.play();
+  });
+
+  $('div.instrument > .note_a').click(function(){
+
+    var aNote = $('div#audio_embeds > #aAudio')[0];
+    aNote.play();
+  });
+
+  $('div.instrument > .note_b').click(function(){
+
+    var bNote = $('div#audio_embeds > #bAudio')[0];
+    bNote.play();
+  });
 });
+  
+  // TODO JM-RIVES FIX broken CSS/ HTML