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: 
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.
you must try `.clone()[0].outerHTML` before append to parent element