title: Increment and Decrement by 1 value when click on + and - button
body: <p>I have a sum calculation process in jQuery that looks like this:</p>
  
  <pre><code>&lt;th&gt;Name&lt;/th&gt;
  &lt;th&gt;Vote&lt;/th&gt;
  &lt;th&gt;Action&lt;/th&gt;
  
  &lt;tr&gt;
     &lt;td&gt;User A&lt;/td&gt;
     &lt;td class="vote"&gt;5&lt;/td&gt;
     &lt;td&gt;
       &lt;a href="#" class="btn btn-lg btn-primary addVote"&gt;+&lt;/a&gt;
       &lt;a href="#" class="btn btn-lg btn-primary subVote"&gt;-&lt;/a&gt;
     &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
     &lt;td&gt;User B&lt;/td&gt;
     &lt;td class="vote"&gt;3&lt;/td&gt;
     &lt;td&gt;
       &lt;a href="#" class="btn btn-lg btn-primary addVote"&gt;+&lt;/a&gt;
       &lt;a href="#" class="btn btn-lg btn-primary subVote"&gt;-&lt;/a&gt;
     &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>And here is my jQuery:</p>
  
  <pre><code>$(function() {
     $(".addVote").each(function() {
       var vote    = $('td.vote').text(),
           newVote = parseInt(suara) + parseInt(1);
  
       $(this).on('click', function() {
          $('td.vote').text(newVote);
       });
     });
  });
  </code></pre>
  
  <p>What I want to achieve is when I click '+' button, the <strong>newVote</strong> value should replace the <strong>vote</strong> value and the process will continue every time '+' button is clicked. The same process should happen if '-' button is clicked. I can do this just one time. Next process nothing happens. How can i achieve this?</p>