Eu procurei no fórum por um problema específico, mas todas as soluções que encontrei não funcionam para o meu problema.

Eu tenho uma imagem no lado esquerdo. Do lado direito, tenho palavras diferentes. Então, quando clico em um nome específico, quero que a imagem mude para qualquer imagem que eu tenha na pasta de imagens. Basicamente, eu quero que a fonte da imagem mude. Aqui está o código do meu índice:

<div id="picture_here">
     <img src="images/mtkili.png" id="picture"/>
</div>

<div id="about">
     <div id="mtl">Mtl</div>
</div>

<div id="about_2">
     <div id="contact">SF</div>
</div>

e aqui estão duas fórmulas jqueries que eu tentei:

$('#mtl').click(function(){
    $('#picture').attr()({
        'src':'images/short.png'
    })          
})

e:

$('#mtl').click(function(){
   $('#picture').attr('src', 'images/short.png');
});