$(document).ready(function () {
  options = '<option selected="selected">All regions</option>';

  $.getJSON("/search_box_regions.php",{country_id: $("#cbx_country").val()}, function(j) {
    for (var i = 0; i < j.length; i++) {
      if (typeof j[i] == 'object') {
        options += '<option>' + j[i].optionDisplay + '</option>';
      }
    }

    if (j.length) {
      $("#cbx_region").html(options);
      $("#cbx_region").removeAttr("disabled");
      $('#cbx_region option:first').attr('selected', 'selected');
    }
  })

  $("#cbx_country").change(function() {
    $.getJSON("/search_box_regions.php",{country_id: $(this).val()}, function(j) {
      options = '<option selected="selected">All regions</option>';

      for (var i = 0; i < j.length; i++) {
        if (typeof j[i] == 'object') {
          options += '<option>' + j[i].optionDisplay + '</option>';
        }
      }

      if (j.length) {
        $("#cbx_region").html(options);
        $("#cbx_region").removeAttr("disabled");
        $('#cbx_region option:first').attr('selected', 'selected');
      }
      else {
        $("#cbx_region").html(options);
        $('#cbx_region').attr('disabled', 'disabled');
      }
    })
  })
})