​

    var AA = new Array("1", "2");

    var BB = new Array("3", "4");

    var s = $("#company");

​

    $("#company").hide();

​

    /////// It works ///////

    $('#group').change(function(event){

       var optionName = $('#group').val();

       $("#company").show();

       switch(optionName){       

       case 'A':

           $('<option>').attr('value','NONE').text('A').appendTo(s);

           for(i=0; i<AA.length; i++)

             $('<option>').attr('value', AA[i]).text(AA[i]).appendTo(s);      

           break;

​

      case 'B':

           $('<option>').attr('value','NONE').text('B').appendTo(s);                 

           for(i=0; i<BB.length; i++)

            $('<option>').attr('value', BB[i]).text(BB[i]).appendTo(s);    

           break;

     }

    });

​

    ///// It doesn't work /////

    $("#company").change(function(event){

       alert($("#company").val());

    });