Q:

Change Specific Div background color by clicking on a link

how are you guys?! well I have a question. I have a link on top of a div called "section2" what I need is to change the Div background color on hover and keep that new color until you hover on link number two, background color of that div should change. I don't need to change the background color of the Link, I just need to change dinamically the background color of the div from behind. 
<script language="javascript">

$(function(){
$("#changer").on("click",function(e){
e.preventDefault();
var body = document.getElementById("section2"),
    green = "rgb(0, 128, 0)",
    white = "rgb(255, 255, 255)";

if(body.css("backgroundColor") !== green){
  body.css("backgroundColor",green);
}else{
  body.css("backgroundColor",white);
}
});
})

</script>

and the html
<div id="section2" align="center">
    <a href="#" id="changer">Click me</a>
</div>

A:

This is how I did it:
$(function () {
    $('#changer').hover(function () {
        $('#section2').css('background-color', 'yellow');
    });

    $('#reset').hover(function () {
        $('#section2').css('background-color', 'red');
    });
})

Here is the JSFiddle demo

