получить DIV с определенным классом, прежде чем форма ввода

Question

у меня есть:

<div class="col-md-3 col-centered survey-kind-border"> 
    <a class="lv-item" href="#"> 
     <div class="media"> 
      <label for="no" class="pull-left"> 
       <div class="survey_kind_choice"> 
        1.5 
       </div> 
       <input checked="checked" class="survey_kind_input" id="no" type="radio" value="no"> 
      </label> 
      <div class="media-body"> 
       <div class="lv-title"> 
         No 
       </div> 
       <small class="lv-small"> 
        I will Not 
       </small> 
      </div> 
     </div> 
    </a> 
</div> 

<div class="col-md-3 col-centered "> 
    <a class="lv-item" href="#"> 
     <div class="media"> 
      <label for="yes" class="pull-left"> 
      <div class="survey_kind_choice"> 
       2.5 
      </div> 
      <input class="survey_kind_input" id="yes" type="radio" value="yes"> 
      </label> 
      <div class="media-body"> 
       <div class="lv-title"> 
        Yes 
       </div> 
       <small class="lv-small"> 
        I will 
       </small> 
      </div> 
     </div> 
    </a> 
</div> 

Когда кто-то идет на эту страницу, как правило, уже выбран один из переключателей. Если кнопка выбрана, я хочу захватить div, который связан с этим элементом формы, и имеет класс «survey_kind_choice» и добавить к нему класс. Я пытаюсь сделать это с помощью этого кода:

if($('.survey_kind_input').is(':checked')){ 
    alert('there is a checked element'); 
    $(this).prev('.survey_kind_choice').addClass('current_choice'); 
} 

Оповещение работает, но я не могу получить класс будет добавлен. Что я делаю неправильно и как это исправить?

Answer 1

Нет, если это необходимо заявление, просто выполнить селектор на проверяемом вход с:

$('.survey_kind_input:checked').prev('.survey_kind_choice').addClass('current_choice'); 

jsFiddle example