Problema no Select com JS

Ola, tenho um js com o seguinte codigo

function ajustarCamposCRec() {
	switch ($("#tipoCRec").val()) {
 case "M":
 $("#diaVencimentoCRec").val(getDiaVenc());
 $("#parcelasCRec").parent().hide();
 $("#diaVencimentoCRec").parent().show();
 break;
 case "P":
 $("#diaVencimentoCRec").val(getDiaVenc());
 $("#parcelasCRec").parent().show();
 $("#diaVencimentoCRec").parent().show();
 break;
 default:
 $("#diaVencimentoCRec").parent().hide();
 $("#parcelasCRec").parent().hide();
	}
}

mas ele nao quer mudar as div

olha como esta a estrutura.

<div class="form-group">
 <label class="col-lg-2 col-sm-2 control-label tipoCRec">Ocorrência</label>
 <div class="col-lg-3">
 <div class="iconic-input">
 <select id="tipoCRec" name="tipoCRec" onchange="ajustarCamposCRec();" class="form-control">
 <option value="U" selected="">Única</option>
 <option value="M">Mensal</option>
 <option value="P">Parcelada</option>
 </select>
 <p class="help-block">Única ou recorrente</p>
 </div>
 </div>
 </div>
 <!-- Esses dois campos vao aparecer quando selecionar o tipoCRec-->
 <div class="form-group hide" style="display: none;">
 <label class="col-lg-2 col-sm-2 control-label diaVencimentoCRec">Vencimento</label>
 <div class="col-lg-3">
 <div class="iconic-input">
 <input type="text" id="diaVencimentoCRec" name="diaVencimentoCRec" class="form-control">
 <p class="help-block">Dia do vencimento</p>
 </div>
 </div>
 </div>
 <div class="form-group hide" style="display: none;">
 <label class="col-lg-2 col-sm-2 control-label parcelasCRec">Parcelas</label>
 <div class="col-lg-3">
 <div class="iconic-input">
 <input type="text" id="parcelasCRec" name="parcelasCRec" class="form-control">
 <p class="help-block">Nº de parcelas</p>
 </div>
 </div>
 </div>

ta faltando alguma coisa?