Проблема с формой и JS

Вот код

JS:

function one() {
  var nameOne = document.getElementsByName('One');
  for (var i = 0; i < nameOne.length; i++) {
    if (nameOne[i].type === 'checkbox' && nameOne[i].checked) {
      rezultatOne = 'Текст';
    }
  }
  document.getElementById('rezultatOne').innerHTML = rezultatOne;
}
function two() {
  var nameTwo = document.getElementsByName('Two');
  for (var i = 0; i < nameTwo.length; i++) {
    if (nameTwo[i].type === 'checkbox' && nameTwo[i].checked) {
      rezultatTwo = 'Текст';
    }
  }
  document.getElementById('rezultatTwo').innerHTML = rezultatTwo;
}

HTML:

Первый

<input type="checkbox" name="one" >
<output id="rezultatOne"></output>

Второй

<input type="checkbox" name="two"></br>
<output id="rezultatTwo"></output>

Вот проблема

При нажатии на первый чекбокс выводит текст, при нажатии на второй, текст не выводит, убираю контейнер формы текст выводится при обоих нажатиях.Если оставить любой из двух чекбоксов тогда работать будет даже в форме. А вдвоем не как как не хотят работать. В чем проблема?