选择输入时图像的外观

选择颜色时，花束应更改为所需的颜色。我试着像它应该工作的那样去做，但不是以任何方式。哪里出了问题，或者我该怎么做？

<div id="selmimg"><img src="buket-krasniy.png" /></div>
 <div class="cc-selector" id="bess">
     <input id="red" type="radio" name="color" value="red" data-path="buket-krasniy.png" selected />
     <label class="drinkcard-cc red" for="red"></label>
     <input id="white" type="radio" name="color" value="white" data-path="buket-beliy.png" />
     <label class="drinkcard-cc white" for="white"></label>
     <input id="pink" type="radio" name="color" value="pink" data-path="buket-rozoviy.png" />
     <label class="drinkcard-cc pink" for="pink"></label>
 </div>
<script>    
$(document).ready(function(){
        $('#bess').change(function(){
            $('#selmimg').find('img:first').attr('src', $('#bess input:selected').attr('data-path'));
        });
    });
</script>