title: increment onclick counter for game
body: <p>Hi i am trying to create a easy game to go on a website </p>
  
  <p>my idea is that there are five red letters hidden around one web page for people to find.
  When they click on a letter it disappears.</p>
  
  <p>so lets say there are 5 letters i want the jquery or js to count that they have found five letters and change a seperate div with a form in it from "display none" to "display block"</p>
  
  <p>this is what i have so far </p>
  
  <p>i am struggling to get it to count the 'letters' as they are clicked</p>
  
  <pre><code>                &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  
                  &lt;a id="hideaway1" class="red-Letter" href="javascript:;" onClick="document.getElementById('hideaway1').style.display='none';"&gt;red letter 1&lt;/a&gt;
                  &lt;a id="hideaway2" class="red-Letter" href="javascript:;" onClick="document.getElementById('hideaway2').style.display='none';"&gt;red letter 2&lt;/a&gt;
                  &lt;a id="hideaway3" class="red-Letter" href="javascript:;" onClick="document.getElementById('hideaway3').style.display='none';"&gt;red letter 3&lt;/a&gt;
                  &lt;a id="hideaway4" class="red-Letter" href="javascript:;" onClick="document.getElementById('hideaway4').style.display='none';"&gt;red letter 4&lt;/a&gt;
                  &lt;a id="hideaway5" class="red-Letter" href="javascript:;" onClick="document.getElementById('hideaway5').style.display='none';"&gt;red letter 5&lt;/a&gt;
  
                  &lt;p&gt;The red letters was pressed &lt;span id="displayCount"&gt;0&lt;/span&gt; times.&lt;/p&gt;
  
                  &lt;script type="text/javascript"&gt;
                        var count = 0;
                        var redLetter = $('.red-Letter').attr('class');
                        var display = document.getElementById("displayCount");
  
                        redLetter.onclick = function(){
                          count++;
                          display.innerHTML = count;
                        }
                  &lt;/script&gt;
  </code></pre>