increment and decrement between 2 buttons
<p>I have 2 buttons and these 2 buttons will increase the total number of clicks. (The total is count separately)
An user only allow to select 1 of them which means if user has previously clicked on buttonA and click buttonB again. ButtonA will - 1 and ButtonB will + 1. </p>

<p>I have following codes and there is a problem. If no clicked before the buttons would be </p>

<pre><code>buttonA (0) - buttonB (0). 
</code></pre>

<p>If an user click buttonA suppose to be <code>buttonA (1) - buttonB (0)</code> 
but the following codes show</p>

<pre><code>buttonA (1) - buttonB (-1)
</code></pre>

<p>What I want is, the button ONLY decrease the button which user clicked it before.
And how can I improve my code? It seems messy.</p>

<pre><code>$this.addClass('active').siblings().removeClass('active');
if ($this.is('span[name="ans_yes"]')) {
    yes_no = 1;
    currentVal = parseInt($this.find('.badge').html());
    $this.find('.badge').html(currentVal + 1);

    currentVal2 = parseInt($id.find('.ans-no').html());
    $id.find('.ans-no').html(currentVal2 - 1);
} else {
    yes_no = 0;
    currentVal = parseInt($this.find('.badge').html());
    $this.find('.badge').html(currentVal + 1);

    currentVal2 = parseInt($id.find('.ans-yes').html());
    console.log(currentVal2);
    $id.find('.ans-yes').html(currentVal2 - 1);
}
</code></pre>

<p>Updated - <a href="http://jsfiddle.net/vzhen/TtkDG/" rel="nofollow">demo</a></p>
