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?