Trocar uma tag de imagem sem atualizar a página

Olá pessoal tudo bom ?

Estou com um problema que é o seguinte.

Preciso alternar entre duas imagens usando Jquery após o usuário clicar em uma.

Segue o código:

Esse é o código da verificação:

 if(resposta == "curtiu")
 {
 // Incrementa mais um aos votos
 votos.html(parseInt(votos.html()) + 1);
 bom.html('<img src="img/unlike.png" alt="ruim"/>');
 // Mensagem de sucesso
 status.html("Você curtiu com sucesso!");
 }
 if(resposta == "descurtiu")
 {
 // Incrementa mais um aos votos
 votos.html(parseInt(votos.html()) - 1);
 // Mensagem de sucesso
 status.html("Você descurtiu com sucesso!");
 }

Essas são as tags:

<img src="img/like.png" alt="bom"/>

<img src="img/unlike.png" alt="ruim"/>

Preciso conseguir mudar no meu código quando o usuário clicar na "<img src="img/like.png" alt="bom"/>" Ela executa o "if(resposta == "curtiu") " e ela toda teria que trocar para a <img src="img/unlike.png" alt="ruim"/>. Eu já tentei com load e alguns outros métodos mas sem sucesso até agora =/. Alguém tem algum método ??