select não é preenchido pelo banco de dados, será PHP ou o JQuery?

estou criando um sisteminha de categoria e subcategoria, o cara seleciona a opção no primeiro combo, então o segundo combo é preenchido conforme a primeira opção, o primeiro combo funciona certinho, mas não esta preenchendo o segundo combo...

meu JS:

$(document).ready(function(){
$("select[name=categoria]").change(function(){
 $("select[name=subcategoria]").html('<option value="0">Carregando...</option>');

 $.post("categoria.php",
 {categoria:$(this).val()},
 function(valor){
 $("select[name=subcategoria]").html(valor);
 })
})
})

seleciona subcategoria PHP:

<?php
$categoria = $_POST['categoria'];
sleep(2);
$sql = "SELECT * FROM `jre_subcategorias` WHERE id_categoria = '$categoria' GROUP BY id_categoria";

try {

 $qr = $pdo->prepare($sql);
 $qr->execute();
 $conta = $qr->rowCount();

} catch (PDOException $e) {

 echo 'erro ao selecionar dados ', $e->getMessage();
}

if($conta < 1) {
 echo '<option value="0">sem dados</option>';

} else {
while ($dados = $qr->fetchObject()) {

	echo '<option value="">'.$dados->nome_subcategoria.'</option>';
}
}
?>

e o formulario:

<form method="post" action="">

 <fieldset>

 <legend>Dados do Post</legend>

 <span class="span">

 <label for="autor">Autor <em>(obrigatório)</em></label>

 <input type="text" name="autor" value="" />

 </span>

 <span class="span">

 <label for="email">Email <em>(obrigatório)</em></label>

 <input type="text" name="email" value="" />

 </span>

 <span class="span">

 <label for="site">Site <em>(opcional)</em></label>

 <input type="text" name="site" value="" />

 </span>

 <span class="span">

 <label for="titulo">Título do post <em>(obrigatório)</em></label>

 <input type="text" name="titulo" value="" />

 </span>

 <span class="span">

 <label for="imagem">Link da imagem <em>(hospedar)</em></label>

 <input type="text" name="imagem" value="" />

 </span>

 <span class="span">

 <label>Categoria <em><abbr title="Se você não encontrar a categoria desejada, preencha o campo "outra categoria"!">[?]</abbr></em></label>

 <select name="categoria">

 <option value="">---</option>

 <option value="1">DESENVOLVIMENTO</option>

 <option value="2">DESIGN</option>

 <option value="3">LINGUAGENS</option>

 </select>

 </span>

 <span>

 <label>Subcategoria</label>

 <select name="subcategoria">

 <option value="0">escolha uma categoria</option>

 </select>

 </span>

 <span class="span">

 <label for="outra_categoria">Outra categoria</label>

 <input type="text" name="outra_categoria" value="" />

 </span>

 <span class="span">

 <label for="tags">Tags <em>(separe por vírgula)</em></label>

 <input type="text" name="tags" value="" />

 </span>

 <label for="texto">Texto do Post <em>(essencial)</em></label>

 <div id="editor-texto">

 <textarea name="texto" id="elm1"></textarea>

 </div>

 <button name="cadastrar_post">postar</button>

 </fieldset>

	</form>