jQuery: update drop-down menu

by nickpish

HTML

<select id="select">
	<option value="1">Name 1</option>
	<option value="5">Name 2</option>
</select>

<div class="slide" data-id="5">
	<p>Slide 1</p>
</div>

<button>Change state</button>

CSS

.slide {
	width: 150px;
	height: 150px;
	border: 1px solid black;
}
.active {
	border: 1px solid red;
}

JavaScript

$(document).ready(function(){

	var active = $(this).find('.slide').data('id');
		
	$( 'button' ).on( 'click', function() {
		$('.slide').addClass('active');
		// var value = parseInt('active');
		// $('#select').val('active');
		//alert(active);
		$('#select').val(active);
		
	});

});