[jQUERY]Fondo aleatorio en divs

[M1gu3l]

Hola, tengo 25 divs y 5 colores, quiero que cada vez que se cargue la pagina el fondo de los divs tenga color aleatorio.Tengo el siguiente code:

Código:

<script type="text/javascript">
 $(document).ready(function () { 
 var botones = ['boton1','boton2','boton3','boton4','boton5','boton6','boton7','boton8','boton9','boton10','boton11','boton12','boton13','boton14','boton15','boton16','boton17','boton18','boton19','boton20','boton21','boton22','boton23','boton24','boton25'];
 var colores = ['#fe5a59','#fff001','#46bd6b','#ff8534','#0097e6'];
 var i
 for (i=0;i<=24;i++) { 
 var rndNum = Math.floor(Math.random() * colores.length);
 
 $("#" + botones[i]).css({background-color: + colores[rndNum]}) 
 }
 })    
     </script>

no entiendo porque no va,lo que hace es recorrer un bucle y cada vez que lo recorre le asingna un color css aleatorio a cada div pero no me funciona.