como fazer uma opção do select mostrar div display none

como fazer uma opção do select mostrar div display none

HTML

<div id="div"></div>
<select name="c" id="c">
    <option value = 0>Selecione...</option>
    <option value="esconder" id="e">Esconder Div</option>
    <option value="mostrar" id="m">Mostrar Div</option>
    <option value="mostraar" id="m">ADASd</option>
</select><!-- Já tentei onchange e muitos outros-->

CSS

#div {
    border: 1px solid #CCC;
    padding: 10px;
}

JavaScript

$("#div").hide();
$("#c").on('change', function(){
    var $this = $(this).val();
    if($this != 0) {
        if($this == 'mostrar') {
           $("#div").show(); 
        }
        else if($this == 'esconder') {
           $("#div").hide();
        }
    }
});