При наведении текста, изменить фон другой DIV с помощью JQuery

Question

При наведении курсора на ссылку Я пытаюсь изменить цвет фона предыдущего DIV, но здесь он не работает здесь код Jsfiddle это мой сценарий

$('div a.link').hover(function(){ 

var icon = $(this).prevAll('div.icon').first();   
      icon.css({'background':'url(http://www.rangde.org/images/icons/circle_grey_hover.jpg) no-repeat', 'color':'#fff','cursor':'pointer'}); 

});   

мой HTML

<div class="icon">1</div> 
<div><a href="#" class="link">First article</a></div> 
<div class="clearfloat"></div> 
<div class="icon">2</div> 
<div><a href="#" class="link">Second article</a></div> 
<div class="clearfloat"></div> 
<div class="icon">3</div> 
<div><a href="#" class="link">Third article</a></div> 

мой CSS

.icon{background: url(http://www.rangde.org/images/icons/circle_grey.jpg) no-repeat; 
width: 92px; 
height: 97px; 
padding: 35px 0px 0px 45px; 
font-size: 14pt; 
color: black; 
font-weight: 600; 
width: 32%;float:left;} 
.link{width:60%;float:left;color:#048ccc;font-weight:600;padding-top:30px;} 
.clearfloat{clear:both;} 
​ 

Answer 1

$('div a.link').hover(function(){ 
    var icon = $(this).parent().prev();   
    icon.css({'background':'url(http://www.rangde.org/images/icons/circle_grey_hover.jpg) no-repeat', 'color':'#fff','cursor':'pointer'}); 
}, function() { 
    var icon = $(this).parent().prev().css({'background':'none'}); 
});   

​ 

http://jsfiddle.net/FEdk9/9/

Answer 2

Зачем использовать jQuery, когда вы можете сделать это с помощью только css? http://jsfiddle.net/czW5d/