first-child для чайника

[meetheme]

Здравствуйте. Заткнулся на одном моменте и не соображаю. Задача: при загрузке страницы делать первый radiobutton активным. Но у меня становится активным последний: то есть я не могу правильно указать на элемент структуры, с которым надо работать. Исправьте меня, пожалуйста.

Структура:

<div class="cf4all_wrapper  cf4all_required" id="cf4all_wrapper_64_">

   <div class="control-group">
        <label class="radio inline " for="cf4all_input_64_4_">
             <input type="radio" value="13" id="cf4all_input_64_4_" class="cf4all_radio" name="customProductData[5][9][64][customsforall_option]">
   5 л   </label>
   </div>

   <div class="control-group">
        <label class="radio inline " for="cf4all_input_64_5_">
             <input type="radio" value="14" id="cf4all_input_64_5_" class="cf4all_radio" name="customProductData[5][9][64][customsforall_option]">
   10 л   </label>
   </div>

    <div class="control-group">
        <label class="radio inline " for="cf4all_input_64_6_">
             <input type="radio" value="15" id="cf4all_input_64_6_" class="cf4all_radio" name="customProductData[5][9][64][customsforall_option]">
   20 л   </label>
   </div>
</div>

Вставляю в нужное место код:

<script>
  jQuery('.cf4all_wrapper > .control-group:first-child input').attr('checked',true);
</script>

И никак.
Страничка, о которой идет речь: Для просмотра ссылки Войди или Зарегистрируйся

 

[yaski]

Так сразу в html коде поставь первый элементchecked

<div class="cf4all_wrapper  cf4all_required" id="cf4all_wrapper_72_">
<span class="cf4all_error_msg" id="cf4all_required_msg" style="display:none">Пожалуйста, выберите опцию!</span>
    <div class="control-group">
    <label class="radio inline " for="cf4all_input_72_4_">
    <input type="radio" value="21" id="cf4all_input_72_4_" checked="" class="cf4all_radio" name="customProductData[1][9][72][customsforall_option]">
    5 л    </label>
    </div>
        <div class="control-group">
    <label class="radio inline " for="cf4all_input_72_5_">
    <input type="radio" value="22" id="cf4all_input_72_5_" class="cf4all_radio" name="customProductData[1][9][72][customsforall_option]">
    10 л    </label>
    </div>
        <div class="control-group">
    <label class="radio inline " for="cf4all_input_72_6_">
    <input type="radio" value="23" id="cf4all_input_72_6_" class="cf4all_radio" name="customProductData[1][9][72][customsforall_option]">
    20 л    </label>
    </div>
   
</div>

 

[meetheme]

Так сразу в html коде поставь первый элементchecked

Список динамически составляется. И мера временная. Нежелательно в код лезть, где оно формируется.

 

[Absolute]

Вставляю в нужное место код:

<script>
  jQuery('.cf4all_wrapper > .control-group:first-child input').attr('checked',true);
</script>

И никак.

$('.cf4all_wrapper input[type="radio"]').eq(0).prop('checked', !0);

 

[vovanitzecms]

jQuery('.cf4all_wrapper > .control-last-child input').attr('checked',true);