Przycisk radiowy „Sprawdzone = zaznaczone” nie zmienia się po zmianie opcji

Stworzyłem podstawowy 2 przycisk opcji, jak pokazano w moim przykładzie poniżej.

Obserwując renderowanie przeglądarki, widzimy wybrany element 1. Sprawdzamy pozycję 1 i 2.

Kiedy klikam element 2, oczekuję, że element 1 jest zaznaczony = zaznaczony do usunięcia. Oczekuję, że przedmiot 2 otrzyma atrybut checked = checked.

Czy to nie jest oczekiwane zachowanie?

<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