При наведении на ссылку меняется картинка внутри другой ссылки

Столкнулся вот с такой проблемой:

<table>

            <tr>

                    <td>

                     <a href="/primer.html"><img src="/img/01_c.jpg" onmouseover="this.src='/img/01.jpg'" onmouseout="this.src='/img/01_c.jpg'"></a>

                    </td>

            </tr>

            <tr>

                    <td>

                     <a href="/primer.html">Картинка</a>

                    </td>

            </tr>

</table>

Когда наводишь на картинку 01_с.jpg она меняется на 01.jpg, уводишь курсор возвращается прежняя картинка. Картинка, как вы обратили внимания, сделана ссылкой на страницу primer.html

Внизу под картинкой располагается ссылка на эту же страницу.

Вопрос! Как сделать, что бы при наведении на ссылку происходила та же операция с картинкой что и при наведении на неё? Нужно получить -

наводишь на ссылку, с картинкой такой же эффект происходит как и после тогда как просто наводишь на картинку.

Заранее благодарю за помощь!