Change img on toggle radio button

Change img on toggle radio button

Hello all,
I wanted to modify an img src tag with a radio button. I tried the following below, with no luck.
Not sure I'm doing it right. Help!

  1. function toggleIMG() {
        if ($('#club-team').is(':checked')) {
            $('#logo_img').attr('src', 'club.jpg');
        } else {
            $('#logo_img').attr('src', 'rival.jpg');
        }
    }







  2. <input type="radio" name="team_kind" id="club-team" value="1" onchange="toggleIMG()" />
    <input type="radio" name="team_kind" id="rival-team" value="2" />

  3. <img id="logo_img" src="club.jpg" />