Javascript-форум - Сохранить значение select и radio в куки

Есть несколько селектов (для примера поставил два) и две группы с radio.
Хотел бы сохранить все выбранные параметры в куках, чтобы можно было выбрать, перезагрузить страницу и всё бы осталось.
Следующий код позволяет в куках сохранить содержимое селекта с именем custom1, а как можно сделать, чтобы и селект custom2 сохранить и сохранять выбранный radio? Можно в куке с тем же названием color, это не принципиально. И можно ли присваивать в этом же скрипте всем измененным селектам классс red?

<html><head>

  <style> .red {color:red;}
  </style>
  
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 
<script type="text/javascript">//<![CDATA[ 

//  2012-01-14-16 
function setCookie(name, value, days) {  
   if (days) {  
   var date = new Date();  
   date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));  
   var expires = "; expires=" + date.toGMTString();  
   }  
   else var expires = "";  
   document.cookie = name + "=" + value + expires + "; path=/";  
}  
function getCookie(name) {  
   var nameEQ = name + "=";  
   var ca = document.cookie.split(';');  
   for (var i = 0; i < ca.length; i++) {  
   var c = ca[i];  
   while (c.charAt(0) == ' ') c = c.substring(1, c.length);  
   if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);  
   }  
   return null;  
}  
function eraseCookie(name) {  
   setCookie(name, "", -1);  
};  

$(document).ready(function() { 
     $('select[name="custom1"]').change(function() { 
         if(getCookie('color') != '0') { 
             setCookie('color', $(this).val(), 365); 
         }; 
     }); 
     if(getCookie('color')) { 
         $('select[name="custom1"]').val(getCookie('color')).find('option[value="' + getCookie('color') + '"]').attr('selected', 'selected'); 
     }; 
});
//]]>  

</script>
 
<select size="1" name="custom1">
    <option value="0" selected="selected" >Цвета нет</option>
    <option value="#000" >Черный</option>
    <option value="#fff" >Белый</option>
</select> 

 
<select size="1" name="custom2">
    <option value="x" selected="selected" >Размер XL</option>
    <option value="s" >Размер S</option>
    <option value="m" >Размер M</option>
</select> 

<br>
<br><input type="radio" name="custom3" value="Кроссовки"> Кроссовки
<br><input type="radio" name="custom3" value="Кеды"> Кеды
<br><input type="radio" name="custom3" value="Туфли"> Туфли
<br><br>
<br><input type="radio" name="custom4" value="Шнурки"> Шнурки
<br><input type="radio" name="custom4" value="Липучки"> Липучки
<br><input type="radio" name="custom4" value="Замки"> Замки

</body></html>