$(document).ready(function(){
	var stars=$('<ul><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li></ul>')
	.find('li').hover(function(){
		$(this).addClass('hover').prevAll().addClass('hover');
	},function(){
		$(this).removeClass('hover').prevAll().removeClass('hover');
	}).end().insertAfter('select');
	
	$('div.stars').find('select').hide().end()
	.find('li').click(function(){
		var star=$(this).text();
		$(this).parent().find('li').removeClass('on').end()
		.prev('select').find('option[value="'+star+'"]').attr('selected','selected');
		$(this).addClass('on').prevAll().addClass('on');
	}).end()
	.find('option:selected').each(function(){
		$(this).parent().next('ul').find('li:nth-child('+$(this).val()+')').addClass('on').prevAll().addClass('on');
	});
});