Have an "instruction" class for more consistency

index.html

@@ -43,7 +43,7 @@
                 <input type="radio" name="buttonText" value="Hold" id="buttonTextHold" /> <label for="buttonTextHold">Hold</label>
                 <input type="radio" name="buttonText" value="Press" id="buttonTextPress" /> <label for="buttonTextPress">Press</label>
             </div>
-            <div id="buttonInstruction"></div>
+            <div class="instruction"></div>
             <div>
                 If holding button, release when the timer contains the digit that corresponds to the strip colour:
                 <ul>
@@ -186,7 +186,7 @@
             <ul id="sequenceInstruction"></ul>
         </section>
 
-        <section id="venn">
+        <section id="sectionVenn">
             <h2>Venn Diagram</h2>
             <ul id="vennOptions">
                 <li><input type="checkbox" id="vennRed" /> <label for="vennRed">Red</label></li>
@@ -194,7 +194,7 @@
                 <li><input type="checkbox" id="vennStar" /> <label for="vennStar">Star</label></li>
                 <li><input type="checkbox" id="vennLed" /> <label for="vennLed">LED</label></li>
             </ul>
-            <div id="vennInstruction"></div>
+            <div class="instruction"></div>
         </section>
 
         <section id="passwords">

ktane.css

@@ -25,6 +25,10 @@ button {
     border-width: 1px;
 }
 
+.instruction {
+    background-color: #eee;
+    padding: 0.5em;
+}
 .button {
     padding: 0.2em;
 }
@@ -143,10 +147,6 @@ nav {
     border-style: solid;
     border-width: 1px;
 }
-#buttonInstruction {
-    background-color: #eee;
-    padding: 0.5em;
-}
 
 #sectionKeypads ul {
     display: inline-block;

ktane.js

@@ -155,7 +155,7 @@ $('section').each(function () {
      * Button
      */
     var $section = $('#sectionButton'),
-            $instruction = $('#buttonInstruction'),
+            $instruction = $section.find('.instruction'),
             instruction;
 
     $section.find('input').on('click', function () {
@@ -618,7 +618,7 @@ $('section').each(function () {
                 }
             },
             $checkboxes = $('#vennOptions > li > input'),
-            $instruction = $('#vennInstruction');
+            $instruction = $('#sectionVenn .instruction');
 
     //         Red    Blue   Star   LED
     conditions[false][false][false][false] = 'C';