Como Retornar o valor de uma tabela em um Select Option

Olá pessoal estou usando uma função Ajax com uma lista de arquivos para manipular em um <select option> os ESTADOS E CIDADES no meu formulário.

a função e esta

<script type="text/javascript">

$(document).ready(function () {

$.getJSON('estados_cidades.json', function (data) {

var items = [];
var options = '<option value="">escolha um estado</option>';

$.each(data, function (key, val) {
options += '<option value="' + val.nome + '">' + val.nome + '</option>';
});
$("#estados").html(options);

$("#estados").change(function () {

var options_cidades = '';
var str = "";

$("#estados option:selected").each(function () {
str += $(this).text();
});

$.each(data, function (key, val) {
if(val.nome == str) {
$.each(val.cidades, function (key_city, val_city) {
options_cidades += '<option value="' + val_city + '">' + val_city + '</option>';
});
}
});

$("#cidades").html(options_cidades);

}).change();

});

});

</script>

e o meu html no caso o select option

<!--inicio do seletor-ESTADO-->

<select id="estados" style="width:170px;font-size: 13px" name="uf" required class="form-control">
<option value=""></option>
</select>

<!--fim do seletor-ESTADO-->

<!--inicio do seletor-CIDADE-->

<select id="cidades" style="width:220px;font-size: 13px" name="cidade" value="<?php echo $cliente['Cidade']; ?>"required class="form-control" >
 <option value=""></option>
</select>

<!--fim do seletor-CIDADE-->

Esta funcionando tudo bem, eu consigo salvar o que seleciono no option normalmente, porem a minha dificuldade e na hora de editar esse bendito select option, como eu retorno os valores em option ? digo na hora de editar os inputs eu consigo trazer o que já esta cadastrado só que o select option vem vazio, não estou conseguindo retornar os valores no select de ESTADOS e Cidades.
como faço isso ?

Deixo aqui meu agradecimento e um pequeno pedido, se for possível posta a resolução como chego nesse resultado, pois estou iniciando na programação.