Пытаюсь стилизовать форму яндекс поиска на сайте, нужно при наведении на кнопку изменять цвет границы инпута поиска
вот каркас
<tr>
<td class="ya-site-form__search-input-layout-l">
<div class="ya-site-form__input">
<input name="text" type="search" value="" class="ya-site-form__input-text" placeholder="Поиск" autocomplete="off">
</div>
</td>
<td class="ya-site-form__search-input-layout-r">
<input class="ya-site-form__submit" type="button" value="Найти">
</td>
</tr>
вот стили
#ya-site-form0 .ya-site-form__submit { color: #ffffff !important; }
.ya-site-form__submit:hover { background-color: #404040 !important; color: #C9DFF2; }
.ya-site-form__submit:hover ~ .ya-site-form__input-text { border-color: #404040 !important; }
Заранее спасибо!
UPD
Через jQuery это тоже не получается сделать
$(document).ready(function() {
$('.ya-site-form__search-input-layout-r').find('.ya-site-form__submit').on('mouseenter', function() {
$('.ya-site-form__search-input-layout-l').find('.ya-site-form__input-text').attr('style', 'border-color: #404040!important');
});
});