title: Increase counter value upon button click
body: <p>I cannot seem to get the jQuery bit I need to work. I've never used jQuery before, but I'd like to have a button on my page that, when clicked, increments an initially 0 value by one. My question is similar to <a href="https://stackoverflow.com/questions/4701349/jquery-increase-the-value-of-a-counter-when-a-button-is-clicked">jQuery - Increase the value of a counter when a button is clicked</a> and <a href="https://stackoverflow.com/questions/15576769/press-button-and-value-increases-in-text-box">press button and value increases in text box</a> but I can't make sense of what I'm doing wrong. Here's what I have:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $("#update").click(function()
  {
      $("#counter")++;
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;input type="text" name="TextBox" id="TextBox" value="0" /&gt;
  &lt;input type="Button" id='AddButton' value="+" /&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $('#AddButton').on('click', function ()
  {
      var input = $('#TextBox');
      input.val(parseInt(input.val()) + 1);
  })
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any help is greatly appreciated. Please forgive any huge glaring mistakes, I have no idea how to do any of this yet. Thank you, and happy tidings! =)</p>