Изменять элементу класс
 

Добрый день, помогите сделать одну вещь.

Нужно из списка select выбирать класс отдельного блока.
Вот что у меня получилось:
http://jsbin.com/talojufuha/1/edit?js,output

Но при выборе например Стиль 3 и потом выбрать Стиль 1 то скрипт не изменяет класс а просто добавляет его.
А, нужно менять его.

Как быть?
Заранее спасибо)

$(function(){
	 var 
	 style_select = $('select[name="style"'),
	 style_div = $('#add_foto_style')[0];
	 style_select.on('change', function() {
	 style_div.className = this.value;
	 });
	});

можно так

zoOmer,

$(function(){
   var style_select = $('select[name="style"'),
   style_div = $('#add_foto_style');
   style_select.on('change', function() {
   style_div.removeAttr("class");
   style_div.addClass(this.value);
   });
  });

ToggleClass работает так, если есть такой класс, то он удаляется, если нет, то добавляется.


или можно сделать так

$(function(){
	 var 
	 style_select = $('select[name="style"'),
	 style_div = $('#add_foto_style');
	 style_select.on('change', function() {
	 style_div.attr('class', this.value);
	 });
	});

Большое спасибо ребята работает оба варианта))
Все оказалось проще чем я думал)