[Heny]

Так и не разобралась никак((( Может кто-то всетаки подскажет?
HTML:

<div class="dv">
      <div class="image"><img src="/netcat_files/multifile/2694/1_b.png"></div><div class="image active"><img src="/netcat_files/multifile/2694/2_b.png"></div><div class="image"><img src="/netcat_files/multifile/2694/3_b.png"></div><div class="image"><img src="/netcat_files/multifile/2694/4_b.png"></div>      </div>

<div class="radio" id="dveri"><h4 class="widget-title2">Двери</h4>
            <input type="radio" name="gender4" value="Распашная двухстворчатая" id="d1"><label class="ob" for="d1">Распашная двухстворчатая</label><input type="radio" name="gender4" value="Распашная одностворчатая" id="d2"><label class="ob" for="d2">Распашная одностворчатая</label><input type="radio" name="gender4" value="Раздвижная двухстворчатая" id="d3"><label class="ob" for="d3">Раздвижная двухстворчатая</label><input type="radio" name="gender4" value="Раздвижная одностворчатая" id="d4"><label class="ob" for="d4">Раздвижная одностворчатая</label>      
          </div>

JQuery:

$('input[name*=gender4]').change(function () {
                  $('.dv').find('.image').removeClass('active').eq($(this).index()).addClass('active');
    });

Событие происходит только при нажатии на два из инпунтов, другие два никак не реагируют, что я только не испробовала