Наведение на тег, подчеркивание текста в другом теге

[extonec]

Здравствуйте. Есть блок в нем два тега:

<article>
<a href="" class="name">Text</a>
<a href="more">Text</a>
</article>

Хочу добиться чтобы при наведении мыши на тег с классом more, происходило подчеркивание (css:text-decoration:underline) у тега с классом name.
Т.к. с javascript я на вы, прошу подтолкнуть на варианты решений, в идеале представляю без добавления JS в html теги, без добавления ID тегам. Таких блоков в документе несколько.
Погуглил, на события, на сортировку, но как выяснил что в IE отбор элементов по классу не работает.

[SkyLight]

события mouseover, mouseout

[extonec]

спасибо, о таких событиях я знаю, но меня больше интересует как в документе задать такое событие (сделать выборку) только тегам more, чтобы они отдавали действие замены css свойства, своим соседям тегам name в блоке article

[SkyLight]

С помощью jQuery это делается элементарно:

$('article .more').hover(function() {
  $(this).prev().addClass('hover');
}, function() {
  $(this).prev().removeClass('hover');
});

[walik]

ммм а что мешает в самом CSS такое сделать ?

<a href="#" class="more">more</a>
<style>
a.more {
   text-decoration: none;
}

a.more:hover {
   text-decoration: underline;
}
</style>

[SkyLight]

Дык ему надо, чтобы при наведении на .more менялся вид .name

[extonec]

to: walik
спасибо, за внимание, прочитайте внимательно условия
to: SkyLight
спасибо, но на jQuery я знаю как это делается )
Дело в том что подключать 90кб, ради двух строчек ..., поэтому обратился сюда, вопрос остается открытым

[walik]

Не обратил внимание сразу))

В таком случае ставим кроссбраузерную getElementsByClass() и обращаемся к элементу уже как хотели по классу.