[jQuery] - Animation su ciclo

[talkoman]

[jQuery] - Animation su ciclo

Ciao a tutti, ho un ciclo foreach di php che mi estrae dei dati dal DB. Tra questi dati mi estrae anche un campo "percentuale" che mi serve per la creazione di una specie di grafico.

Ho impostato nell'head il valore width=0 per tutti i div con classe "colore".

Vorrei che per ogni dato estratto, con la funzione animation, andasse a modificare il valore di width in base a quello estratto.

Ho provato mettendo questo all'interno del ciclo foreach ma non fa nulla:
[PHP]<? $c=0; foreach($xml->elezione->candidato as $candidato){ $c++; ?>
<article>
<script>
$(document).ready(function(){
$('a[href=#]').click(function(){
$(".colore").each(
$('div.colore#candidato<? echo $c;?>').animate({width:'<? echo $candidato->percentuale;?>'},300);
return false
});
});
});

    </script> 
    <div class="eletto fluttuante"><div style="background-color:<? echo $colore;?>"></div></div> 
    <div class="titoli fluttuante sx"><? echo $candidato->nome; ?></div> 
    <div class="grafico fluttuante"><div class="colore" id="candidato<? echo $c;?>"></div></div> 
    <div class="percentuale fluttuante"><? echo $candidato->percentuale;?></div> 
    <div class="voti fluttuante"><? echo $candidato->voti;?></div> 
</article> 

<? } ?>[/PHP]

Sapete dirmi dove sbaglio per favore?