Styled Select JS

styled-select-js

//CUSTOM SELECT - prevent double wrap incase this script is include in multiple locations... 
$('select').each(function(){
	var t = $(this);
	if( !t.parent().hasClass('customSelect') ){
		t.wrap('<div class="customSelect" />').before('<div class="displayCopy empty"></div>');
	}
}).on('change fauxChange', function(){
	var t = $(this);
	t.siblings('.displayCopy').text( t.find('option:selected').text() );
	//toggle "empty" class
	if( t.prop('selectedIndex') > 0 ) t.blur().siblings('.displayCopy').removeClass('empty').parent().removeClass('nothing_selected');
	else t.siblings('.displayCopy').addClass('empty').parent().addClass('nothing_selected');
}).trigger('fauxChange');//custom select