How to Show / Hide Div based on dropdown box selection in jQuery

<select id="myselection">
	<option>Select vehicle</option>
	<option value="car">Car</option>
	<option value="bike">Bike</option>
	<option value="truck">Truck</option>
</select>
<div id="showcar" class="myDiv">
	You have selected vehicle <strong>"Car"</strong>.
</div>
<div id="showbike" class="myDiv">
	You have selected vehicle <strong>"Bike"</strong>.
</div>
<div id="showtruck" class="myDiv">
	You have selected vehicle <strong>"Truck"</strong>.
</div>  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>      
<script>
	$(document).ready(function(){
		$('#myselection').on('change', function(){
			var demovalue = $(this).val(); 
			$("div.myDiv").hide();
			$("#show"+demovalue).show();
		});
	});
</script> 

.myDiv{
	display:none;
	padding:10px;
	margin-top:20px;
}  
#showcar{
	border:1px solid red;
}
#showbike{
	border:1px solid green;
}
#showtruck{
	border:1px solid blue;
}