Замена картинки по клику по радио кнопке

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

HTML

<label class="radio"><input onclick="click();" type="radio" id="moto" value="<?php echo $moto_tipeavto; ?>" name="typeOfCar"><span></span> Мотоцикл</label>
<label class="radio"><input onclick="click();" type="radio" id="auto" value="<?php echo $auto_tipeavto; ?>" name="typeOfCar" checked="true"><span></span> Легковая</label>
<label class="radio"><input onclick="click();" type="radio" id="jeep" value="<?php echo $jeep_tipeavto; ?>" name="typeOfCar"><span></span> Внедорожник</label>
<label class="radio"><input onclick="click();" type="radio" id="bus" value="<?php echo $bus_tipeavto; ?>" name="typeOfCar"><span></span> Микроавтобус</label>

JS

function click() {
            var moto = document.getElementById("moto").value,
                auto = document.getElementById("auto").value,
                jeep = document.getElementById("jeep").value,
                bus = document.getElementById("bus").value;
       
        if(moto.checked) {
            $('.calc-img img').attr('src', 'image/catalog/bike.png');
        }
        if(auto.checked) {
            $('.calc-img img').attr('src', 'image/catalog/avto.png');
        }
        if(jeep.checked) {
            $('.calc-img img').attr('src', 'image/catalog/jeep.png');
        }
        if(bus.checked) {
            $('.calc-img img').attr('src', 'image/catalog/avtobus.png');
        }
    };