title: Javascript, increment a counter on button click
body: <p>In javascript, I want to make a counter that increases the value when you click a button. </p>
  
  <p>When I click the add button the first time, the number doesn't increase. </p>
  
  <p>But when I print the value to the console, the result increases.</p>
  
  <p>The fiddle: <a href="http://jsfiddle.net/techydude/H63As/" rel="nofollow">http://jsfiddle.net/techydude/H63As/</a></p>
  
  <pre><code>  $(function() {
      var //valueCount = $("counter").value(),
          counter = $("#counter"),
          addBtn = $("#add"),
          value = $("#counter").html();
  
        addBtn.on("click", function() {
  
        counter.html(value ++);  //this value is not incremented.
        console.log(value);      //this value gets incremented.
        return
  
      });
  
    });​
  </code></pre>
  
  <p>How do I make the value show the same for both lines?</p>