Question: Here's my code so far,

```
$('label').click(function () {
        if ($('label input').is(':checked')) {
            $(this).addClass('checked');
            $('.donate-now label').not(this).removeClass('checked');

            var donateAmount = $(".checked input").val();
            $('p').append(donateAmount);
        }

    });

```

I'm checking to make sure the "donateAmount" variable is grabbing only one value, so to test, I'm having it append to the HTML, but it's showing up twice. 

Is that a function of append() and my variable only has one value, or is something wrong? Essentially I just want to make sure my variable has one value.

Here it is in action, <http://jsfiddle.net/YB8UW/15/> 

Thank you

Answer: 
Try changing your selector to:

```
$('label input').click(function () {
....
});

```

<http://jsfiddle.net/YB8UW/18/>

Your problem is that you are clicking the label AND radio when you click on the radio. Since you are clicking the child element, the event fires twice. If you focus the selector in a little more and only capture when the radio button is clicked, it will only fire once. Clicking the label fires a click on the input as well. 

Changing it from append to replace doesn't fix the issue, just masks it.
Instead of append, use:

```
$('p').html(donateAmount);

```

Append will put a new element in that `<p>` element everytime, rather than replacing the contents of it.