Какой правильный способ изменить изображение при наведении курсора мыши и обратно при наведении мыши (с / без jQuery)?

<a href="#" id="name">
    <img title="Hello" src="/ico/view.png" onmouseover="$(this).attr('src','/ico/view.hover.png')" />
</a>

Хорошо, это работает, но как вернуться к исходному изображению послеmouseout?

Если это возможно, я хочу сделать это встроенным, без функции document.ready.