Show/hide div based on selected option value in Javascript

[anintcom]

I wonder why it isn't working.Here is my JS:\[code\]$("#cat-code").change(function(){ var value = http://stackoverflow.com/questions/15593472/$("#cat-code option:selected").val(); if (value =http://stackoverflow.com/questions/15593472/="10400000"){ $("#div1").show(); $("#div2").hide(); }});\[/code\]Select Tag:\[code\]<select class="cat-code" id="cat-code" name="project_procurement_management_plan[items_attributes][0][category_id]"> <option value="http://stackoverflow.com/questions/15593472/1">10400000</option> <option value="http://stackoverflow.com/questions/15593472/2">10401000</option></select>\[/code\]Divs to show or hide:\[code\]<div class="div1">hi</div><div class="div2">hello</div>\[/code\]Any workarounds will be appreciated. Thanks.