Hover afetar outro elemento

by Jader Wagner

HTML

<div class='quartaImagem'>Passe o mouse</div>
<img class='banner' src="http://icons.iconarchive.com/icons/hopstarter/soft-scraps/96/Button-Blank-Red-icon.png" />

CSS

.quartaImagem {
    width: 200px;
    height: 200px;
    line-height:200px;
    text-align:center;
    background-color:#ccc;
    margin-bottom: 20px;
}

JavaScript

var bannerDefault;
$('.quartaImagem').hover(function (e) {
    bannerDefault = $(".banner").attr("src");
    $(".banner").attr("src", "http://icons.iconarchive.com/icons/hopstarter/soft-scraps/96/Button-Close-icon.png");
}, function (e) {
    $(".banner").attr('src', bannerDefault);
});