изменить IMG SRC по клику

Я искал на форуме одну конкретную проблему, но все найденные решения не работают для моей проблемы.

У меня есть изображение на левой стороне. На правой стороне у меня есть разные слова. Поэтому, когда я нажимаю на определенное имя, я хочу, чтобы изображение изменилось на то, которое у меня есть в папке с изображениями. По сути, я хочу, чтобы источник изображения изменился. Вот код для моего индекса:


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



     Mtl



     SF

и вот две формулы jqueries, которые я попробовал:

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

а также:

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

Ответы на вопрос(5)

Ваш ответ на вопрос