Кнопка Radio "Checked = checked" не изменяется при изменении опции

Я создал базовую форму с двумя кнопками, как показано в моем примере ниже.

Наблюдая за рендерингом браузера, мы видим, что выбран пункт 1. Мы проверяем пункты 1 и 2.

Когда я нажимаю элемент 2, я ожидаю, что элемент 1 checked = checked будет удален. Я ожидаю, что элемент 2 получит атрибут checked = checked.

Это не ожидаемое поведение?

<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/

Ответ 1