title: Why is this onClick event not being applied correctly?
body: <p>I'm using late-binding to assign onClick events to checkboxes (styled as dots). My first assignment [located at <a href="https://github.com/farfromunique/vampirrePoints/blob/master/events.js#L264" rel="nofollow">https://github.com/farfromunique/vampirrePoints/blob/master/events.js#L264</a> ] goes perfectly, and reacts as expected - all dots have this as their onClick:</p>
  
  <pre><code>/* https://github.com/farfromunique/vampirrePoints/blob/master/main.js#L440 */
  allDots[i].onclick = function() { 
      if (this.checked) {
          decrementCounter(1);
      } else {
          incrementCounter(1);
      };
  }
  </code></pre>
  
  <p>However, when <code>Step11()</code> is triggered, and <code>freebieDotSetup()</code> is called, only <em>some</em> of the checkboxes get their onClicks updated. Specifically, <code>sta1, sta2, sta3, sta4, sta5</code> (possibly others, too) keep their initial value.</p>
  
  <p>I have tried putting console.log() statements in during the assignment process, and it looks like the assignment happens, but it doesn't "stick". Why doesn't this work?</p>
  
  <p>Code reference (whole site): <a href="https://github.com/farfromunique/vampirrePoints" rel="nofollow">https://github.com/farfromunique/vampirrePoints</a></p>
  
  <p>By request, a non-working JSFiddle: <a href="http://jsfiddle.net/farfromunique/mS4Lp/" rel="nofollow">http://jsfiddle.net/farfromunique/mS4Lp/</a></p>
  
  <p>Note: the menu is on the wrong side, doesn't advance properly, and none of the "dots" (checkboxes) are clickable, so functionality is not testable. I strongly suspect that my code is not cross-browser compatible, but that isn't a priority for me (yet).</p>