toggleClass задерживает каждую строку с разным временем

Question

У меня есть таблица цен:

<div id="one" class="">1.12</div><br>
<div id="two" class="">2.12</div><br>
<div id="tree class="">3.12</div><br>
<div id="for" class="">4.12</div><br>
<div id="five" class="">5.12</div><br>

А мои коды ajax ниже:

      <script type="text/JavaScript"> 

    $(document).ready(function() {  

    setInterval(function(){
          $.ajax({
              type: 'GET',
              url: "datas.php",
              dataType: "json",
              contentType: "application/json",
              cache: false,
              success: function(data) {

                <?

             $info = new MYBASE($DB_con);
             $result = $info->getPrices();

             $rnd = rand(10,1200);
             $rnd2 = rand(600,1200);

            foreach($result as $row ) {
            $number = $row['number']; // one, two , tree , for, five
            $newprice = $row['newprice'];
    ?>


             $('#<? echo "$number";?>').html(<? echo $newprice; ?>);
            $('#<? echo "$number";?>').toggleClass('red',<? echo $rnd; ?>).delay(<? echo $rnd2; ?>);

    <?

}
?>

          })            
      },2000);
    });
    </script> 

Я хочу добавить время задержки для изменения каждого класса. Теперь все дивы освежают красный класс через 2 секунды. Но я хочу, чтобы каждая строка менялась каждый раз после задержки.

Как я могу это сделать? Я хочу, чтобы они мигали, а не через 2 секунды после изменения их всех красным классом.