http://jsfiddle.net/4k6j8Lee/7/
Чтоб упросить я обернул кнопки в div с классом foo. id'шники вообще убрал, это говнокод.
А потом сделал обработку для каждого .foo через
jQuery.each.
Как видишь, внутри each $(this) представляет собой родительский блок.
Две кнопки (.btn и .btn2) я нахожу через
jQuery.find, и далее пишу событие на hover для одной, чтобы загоралась вторая.
То есть код как бы "локально" выполняется для каждого блока с двумя кнопками.
https://jsfiddle.net/51xo3qrq/2/
А тут не работало потому что функция вызывается не в момент прохода цикла, а в момент события. Так как цикл уже к тому времени завершился, то i будет всегда 4. Чтобы заработало нужно сгенерировать анонимную функцию с "вшитым" значением i на данный момент (вот как я показал).
Но это жопный способ. Лучше используй предыдущий.
Советую посмотреть этот видос:
http://try.jquery.com/levels/2/challenges/2
Кстати если тебе нужно только менять css, то javascript вообще тут не нужен.
Можно сделать при помощи псевдокласса :hover
http://jsfiddle.net/os469ozs/1/ (я добавил всего только одно правило в конец)