Show content after datalist item is clicked

by Jayna

HTML

<div class="statecontent state1">State1 Specific Page Content Goes here</div><br />
<div class="statecontent state1">State1 Specific Page2 Content Goes here</div><br />
<div class="statecontent state2">State2 Specific Page Content Goes here</div><br />
<div class="statecontent state3">State3 Specific Page Content Goes here</div><br />

<select id="myselector">
 <option value="state1"></option><br />
 <option value="state2"></option><br />
 <option value="state3"></option><br />
 </select>

JavaScript

$('.statecontent').hide();

$('#myselector').change(function() {
        $('.statecontent').hide();
        $('.' + $(this).val()).show();    
    });