title: innerHTML failing to inject text into markup
body: <p>I am learning about jQuerys <code>animate</code> and am building a small game where the user has to catch the box by trying to click on it and for every click the score increments by 1 point which is displayed dynamically on screen inside a <code>&lt;P&gt;</code> element.</p>
  
  <p>The problem is that the score is not showing in <code>&lt;p&gt;</code>.</p>
  
  <p>By debugging the application I can see that the score is infact being incremented so a flaw in incrementation is ruled out. The only other possibility I though that the reason was because <code>$(document).ready</code> was not being fired on each <code>click</code> but that is false because the score does infact increment. So my only solution that I can think of is that there is something going on behind the scenes with the way I have implemented <code>.innerHTML</code> but I cannot get my head around it.</p>
  
  <p>I have tried using <code>value()</code> instead of <code>toString()</code> as I initially believed that getting the actual <code>value</code> of variable <code>points</code> would return its raw numeric value but that didnt do anything.</p>
  
  <p>Here is the jQuery line I am having problems with:</p>
  
  <pre><code>var points = 0;
  $(document).ready(function () {
      Animate();
      div.on('mousedown', function () {
          points += 1;
          $('#points').innerHTML += points.toString();
      });
  });
  </code></pre>
  
  <p>And the HTML markup that it is referencing:</p>
  
  <pre><code>&lt;body&gt;
      &lt;p id="points"&gt;Total points: &lt;/p&gt;
      &lt;div id="box"&gt;&lt;/div&gt;
      &lt;script src="script.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Please note that the point score needs to be <strong>added</strong> into <code>&lt;p&gt;</code> <strong>not</strong> replacing the contents of <code>&lt;p&gt;</code> for example if the point is incremented <code>&lt;p&gt;</code> will show <code>Total Points: 1</code></p>
  
  <p>And here is my <a href="https://jsfiddle.net/6oquqtrr/2/" rel="nofollow">JFiddle</a> for a complete view of the problem</p>