Botão de Rádio “Marcado = marcado” não mudando quando a opção mudou

Eu criei um formulário de botão de rádio básico 2 como visto no meu exemplo abaixo.

Observando a renderização do navegador, vemos o item 1 selecionado. Nós inspecionamos os itens 1 e 2.

Quando clico no item 2, espero que o item 1 marcado = selecionado seja removido. Espero que o item 2 receba o atributo checked = checked.

Este não é o comportamento esperado?

<div>
    <span>Item 1</span>
    <input type="radio" name="radio1" id="radio1" checked="checked" />
</div>

<div>
    <span>Item 2</span>
    <input type="radio" name="radio1" class="checkbox" id="radio2" />
</div>

http://jsfiddle.net/chrimbus/ZTE7R/1/

questionAnswers(1)

yourAnswerToTheQuestion