set toggle class on individual div.

set toggle class on individual div.

I have three div with same class.

In this what I need is when I hover on that div so it will change it's color but if that div is selected so that stick with that selected color. and other are stay as it is and when I select another div so that selected div show normal.

here is my Example

[html]
< div  class  = "box"  id = "1" Something  </ div >
<div class ="box" id="2"Anything </div>
<div class ="box" id="3"Anything </div>


[js]
$(".box").click(function({
    $(this).toggleClass("disable");
});


[css]
.box {
    width100px;
    height100px;
    background-color#efefef;
}
.box:hover {
   backgroundgray;
}
.disable background#2C2C2C !important}