Значения кнопок радиосвязи не отображаются

Question

У меня есть форма с двумя скрытыми полями, которые появляются на основе ответа на предыдущий ввод. У меня нет проблем с тем, чтобы они отображались с некоторым JavaScript. Однако я не могу получить значения моих переключателей, вставленных на страницу. Следующий код:

<div id="hidden-fields" style="display:none"> 
    <div class="sixteen columns input-wrap"> 
     <input id="delivery-instructions" name="ship_delivery_instructions" type="text" placeholder="Special delivery instructions?"> 
    </div> 
    <div class="sixteen columns input-wrap"> 
     <label>Preferred dropoff time 
     <input type="radio" class="radio-button" name="ship_dropoff_time" value="1">1 - 3 PM 
     <input type="radio" class="radio-button" name="ship_dropoff_time" value="6">6 - 8 PM 
     </label> 
    </div> 
    </div> 
</div> 

Результаты этих входов:

<input type="radio" class="radio-button" name="ship_dropoff_time" value> 
<input type="radio" class="radio-button" name="ship_dropoff_time" value> 

Кто-нибудь есть идея, почему мои ценности радио кнопки исчезают?

EDIT: здесь используется код CoffeeScript для отображения полей.

events: 
    "keyup #zip": "check_zip_code" 

check_zip_code: (e) -> 
    currentZip = e.currentTarget.value 
    if eligibleZipCodes.indexOf(currentZip) == -1 
    @makeFieldsInvis() 
    else 
    @makeFieldsVis() 

makeFieldsInvis: -> 
    $("#hidden-fields").css("display", "none") 
    $("#delivery-instructions").val("") 
    $(".radio-button").each(-> $(this).attr('checked', false)) 

makeFieldsVis: -> 
    $("#hidden-fields").css("display", "block") 

Answer 1

Я считаю, что я нашел решение:

Вот мой JSFiddle: http://jsfiddle.net/pmbbLkzk/

Попробуйте добавить входной тег закрытия или самостоятельно закрыть входной тег:

<input [ATTRIBUTES] ></input> 
<input [ATTRBITUES] />