$(document).ready(function () {
  
   $.getJSON('https://cloud.divulga.sebraeba.com.br/cidadesestados', function (data) {

    var items = [];
    var options = '<option value="">Selecione um Estado</option>'; 

    $.each(data, function (key, val) {
     options += '<option value="' + val.sigla + '">' + 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();  
   
   });
  
  });