JQuery Onclick Alterar Imagem Src não atualizando a imagem - javascript, jquery

Estou usando o código para alterar a imagem src com jquery:

<script>
$(document).ready(function() {

$("#MyDiv").click(function() {
$("#MyImageID").attr("src", "image1.jpg");
});

});
</script>

Meu problema é que, embora ele tenha realmente alterado o src, na verdade não está mostrando a nova imagem.

Ele precisa atualizar a imagem?

Como posso resolver isso?

Respostas:

Passe algum número aleatório para a imagem: -

 $("#MyImageID").attr("src", "image1.jpg?"+Math.random());

Tente desconectar e reconectar o <img> depois de alterar o src

NÃO TESTADO mas deve funcionar eu acho

Sim, você precisa carregar a imagem:

var image = document.createElement("img"); // new Image(1, 1);
image.src = "image1.jpg";
image.onload = function() { $("#MyImageID").attr("src", "image1.jpg");};

ou você pode substituir a tag também deve funcionar