Mi objetivo es que cada div con una clase de "principal" tenga un color de fondo aleatorio. Tengo el script que genera el color aleatorio pero, al usar jQuery, parece que solo puedo aplicarlo a todos los divs en la clase. ¿Cómo puedo seleccionar un div, aplicar el color, seleccionar el siguiente div en la clase, generar un nuevo color aleatorio, aplicarlo y repetir? Aquí está mi código:

$(document).ready(function() {
    var hue = 'rgb(' + (Math.floor((256-199)*Math.random()) + 200) + ','
                     + (Math.floor((256-199)*Math.random()) + 200) + ','
                     + (Math.floor((256-199)*Math.random()) + 200) + ')';
    $('.main').css("background-color", hue);
});