jQuery Estado não retorna Cidade

Tem uns 2 dias que venho batendo cabeça com os campos Estado e Cidade.. pois vi inúmeras aulas e maneiras de fazer, porém nenhuma me retorna a cidade no campo dela. Tenho meus arquivos em pastas divididas, penso que pode ser isso, outro problema pode ser que to utilizando mysqli, já que o mysql não esta mais aceito, mas acredito estar tudo correto no Mysqli. O problema é que quando o codigo javascript roda não retorna a cidade.

segue codigo html formulario

<select id="estados" name="estados">
 <option value="" select="select">Escolha a estado</option>
 <?php

 $conectar=new DB;
 $conexao=$conectar->conectar();

 $sql = mysqli_query($conexao, "SELECT * FROM estados");
 while($row=mysqli_fetch_array($sql)){
 $id=$row['cod_estados'];
 $uf=$row['sigla'];
 $nome=$row['nome'];
 echo '<option value="'.$row['cod_estados'].'">'.$row['sigla'].'</option>';
 }
 ?>
 </select>

 <select name="cidades" id="cidades">
 <option value="">-- Escolha um Estado --</option>
 </select>

segue codigo javascript

//JavaScript Document

$(function(){
$("#estados").change(function(){
var id = $(this).val();

$.ajax({
type:"POST",
url:"views/exibe_cidade.php?id="+id,
dataType:"text",

sucess: function(res){
alert("passei aqui");
$("#cidades").children(".cidades").remove();
$("#cidades").append(res);
}
});
});
});

segue código da pagina exibe_cidade

<?php
include("header.php");
include("class/DBclass.class.php");

$conectar=new DB;
 $conexao=$conectar->conectar();

$id = $_GET['id'];
$sql = mysqli_query($conexao, "SELECT * FROM cidades WHERE estados_cod_estados='$id' ORDER BY nome");

while($row=mysqli_fetch_array($sql)){

$nome=$row['nome'];
$id=$row['cod_cidades'];

echo '<option value="'.$id.'" class="cidade">'.$nome.'</option>';

}
?>