skrypt nie działa po załadowaniu ajax Opcje

[peklo]

Witam
Mam znowu problem ze skryptem.
Jest to dynamiczny select który po wybraniu z pierwszego select wybiera cos z drugiego i pozniej z trzeciego.
Po załadowaniu formularza do do DIV obsługiwanego przez ajax nie działa niestety

Kod

<script type="text/javascript">
$(document).ready(function(){
    load_options('','country');
});
function load_options(id,index){
    $("#loading").show();
    if(index=="state"){
        $("#city").html('<option value="">Select city</option>');
    }
    $.ajax({
        url: "miasto.php?index="+index+"&id="+id,
        complete: function(){$("#loading").hide();},
        success: function(data) {
            $("#"+index).html(data);
        }
    })
}
</script>

jak zmieniam
$(document).ready(function(){
load_options('','country');
});


na

$("div").on("click", function(){
load_options('','country');
});

to w pierwszym select po najechaniu i przetrzymaniu przycisku w myszce pobiera dane z bazy ale to na tyle. W drugim select nic
się nie dzieje