Select e option

Fala galera preciso de uma ajuda, tenho dois selects, tipo um é Estado e o outro é cidade, estão puxando dados do BD, gostaria de, no primeiro select escolher o Estado e automaticamente no segundo aparecer suas respectivas cidades

Segue abaixo o select dos Estados

<select class="selectpicker" data-live-search="true" id="estado2" onchange="Filtrar(this.value)">
 <?php
 foreach($regioes2 as $estado)
 echo'
 <option value='.$estado['id'].' >'.$estado['nome'].'</option>';
 ?>

Agora segue o select das Cidades

<select class="selectpicker" data-live-search="true" id="cidade2">
 <option value=""> cidade </option>';
</select>

Via jquery criei uma função para tratar no php

function Filtrar(id){
 $.post('/require/jp/jpFilterRegiao.php',{
	id:id
 },function(res){
	if(res){
	//$('#cidade2').html("<option value="+res+">"+res+"</option>");
 $('#cidade2 option:selected').val();
 $('#testemerda').html("<option value="+res+">"+res+"</option>");
 }
 })
	}

no php faço:

$cidades = new CRUD();
	extract($_POST);
	$linhas = $cidades->select('nome','cidades','WHERE estado_id=?',array($id));
	foreach($linhas as $cidade){
 printf($cidade['nome']);
	}

Ele retorna tudo blz, mas naõ estou conseguindo inserir as cidades no segundo select algué pode me ajudar ?