title: jQuery incrementing an ID and var on click
body: <p>I am trying to do a button that increments on click his ID and a variable.
  i was able to find some code on StackOverflow that increases the value of an input field but I do not know to change it from there.</p>
  
  <p>Here is the Markup:</p>
  
  <pre><code>&lt;input type="text" name="qty" value="0" /&gt;
  &lt;p id="inc"&gt;Increase&lt;/p&gt;
  &lt;p id="dec"&gt;Decrease&lt;/p&gt;
  </code></pre>
  
  <p>And jQuery</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function() 
  {   
      $(function()
      {
          $("#inc").click(function() 
          { 
              $(":text[name='qty']").val(Number($(":text[name='qty']").val()) + 1);
              $('#inc').addClass (Number + 1); // this one does not work
              var incrementVar = (Number + 1); // this one also does not work
          }); 
  
          $("#dec").click(function()
          {      
              $(":text[name='qty']").val(Number($(":text[name='qty']").val()) - 1);
          });  
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>This does increase the val in the input but I can not make it to increment the  $('#inc') class and the var incrementVar.</p>
  
  <p>What should I do?
  Thank you</p>