Combos dependentes

Pessoal,

tenho 2 combo box que dependem um do outro. Tentei fazer funcionar mas parece que estou errando em algum lugar. Será que vocês podem me ajudar ?

Segue os códigos abaixo:

Função para Popular o Combo Box principal:

function secretaria($conexao){
 $query = $conexao->prepare("SELECT cd_secretaria, nm_secretaria, sg_secretaria
 FROM tb_secretaria
 WHERE cd_secretaria = '13' or cd_secretaria = '16'");

 $query->execute();

 return $query;

}

HTML onde fica o Combo Box - Página criacao.php:

<div class="row">
 <div class="col-xs-12 col-sm-12 col-md-12">
 <div class="form-group">
 <select name="secretaria" id="secretaria" onchange="buscar_departamento()"
 class="form-control input-sm" required="required">
 <option value="">Secretaria</option>
 <?php
 $resultado = secretaria($conexao);
 while ($linha = $resultado->fetch(PDO::FETCH_ASSOC)){
 echo '<option value="'.$linha['cd_secretaria'].'"'.$selected.'> '.$linha['sg_secretaria'].'</option>';
 }?>
 </select>
 </div>
 </div>
</div>
<div class="row">
 <div class="col-xs-12 col-sm-12 col-md-12">
 <div class="form-group" id="load_departamento">
 <select name="departamento" id="departamento" class="form-control input-sm"
 required="required">
 <option value="">Seleciona a Secretaria</option>
 </select>
 </div>
 </div>
</div>

Função onchange="buscar_departamento()

function buscar_departamento(){
 var secretaria = $('#secretaria').val()
 if(secretaria){
 var url = 'criacao.php?secretaria='+secretaria;
 $.get(url, function(dataReturn) {
 $('#load_departamento').html(dataReturn);
 });
 }
 }