Eventi attivabili singolarmente

[Gianlu91]

Buongiorno a tutti!
Io ho dei div creati dinamicamente col php utilizzando una select nel db per prelevare i dati interni al div. Io vorrei creare degli eventi javascript al passaggio del mouse (ad esempio cambiare sfondo al div). Il problema che quando passo sopra ad un div, l'effetto si applica a tutti i div generati dinamicamente. Come faccio ad applicare effetti ai singoli div dove il mouse è puntato?

[br1]

Appena gino lo stagnaro (cit) ci restituisce la boccia di cristallo esaminiamo il codice della tua pagina e facciamo la diagnosi

[Gianlu91]

<?php
$sql=mysql_query("SELECT * FROM articoli");
while($row=mysql_fetch_array($sql)){
echo "<div class='box'>

".$row['descrizione']."</p></div>";
}

Si creeranno tanti div .box con una descrizione.
Lo script seguente è nell'head
<script>
$(document).ready(function(){
$(".box").hover(function(){
$(".box).css("background-color","#111");
},
function(){
$(".box).css("background-color","#fff");
})
})
<script>
Con questo script quando passo col mouse sopra un div, il background dovrebbe cambiare.
Il problema che il colore di sfondo non cambia solo al div selezionato ma anche tutti gli altri generati. Come posso applicare l'effetto javascript ad ogni singolo box?