Применить случайный цвет к элементам класса индивидуально?

Question

Моя цель - чтобы каждый div с классом "main" имел случайный цвет фона. У меня есть скрипт, который генерирует случайный цвет, но, используя jquery, мне кажется, что я могу применить его только ко всем элементам div в классе. Как я могу выбрать div, применить цвет, выбрать следующий div в классе, создать новый случайный цвет, применить его и повторить? Вот мой код:

$(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);
});

Answer 1

$(document).ready(function() {
    $('.main').each(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) + ')';
        $(this).css("background-color", hue);
    });
});

Answer 2

$(document).ready(function() {
  $('.main').each(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) + ')';
    $(this).css("background-color", hue);
  }
});

Answer 3

Код должен быть примерно таким ...

$(document).ready(function() {
                        $('.main').each{ Function(){
                             $(this).css("background-color", hue); };
                        };
                });

Бах - извините за ошибки. Исправлено худшее из них ради моего здравомыслия ... но другой ответ меня опередил.