not execute a click event

not execute a click event

    Here my code:
    2. $(document).ready(function () {
    3.    $(".verDetalle").click(function () {
    4.       alert('111');
    5.       var widsala = $("#xcombsalas option:selected").val();
    6.       var whtml = '';
    7.       $.ajax({
    8.          method: "post",
    9.          url: "ajax/a_pallcmapasala.jsp",
    10.          data: {
    11.             "xidsala": widsala,
    12.             "xtypo": 3
    13.          }
    14.       }).done(function (xhtml) {
    15.          whtml = xhtml;//.responseText; 
    16. //        console.log(whtml);
    17.          document.getElementById("xtablaDispSalaDetalle").innerHTML = whtml;
    18.       }).fail(function () {
    19.          alert("error");
    20.       });      
    21.       
    22.    });
    23.    $('#xcombsalas').on('change', function () {
    24. //      alert('1');
    25.       var widsala = $("#xcombsalas option:selected").val();
    26.       var whtml = '';
    27.       debugger;
    28.       $.ajax({
    29.          method: "post",
    30.          url: "ajax/a_pallcmapasala.jsp",
    31.          data: {
    32.             "xidsala": widsala,
    33.             "xtypo": 1
    34.          }
    35.       }).done(function (xhtml) {
    36.          whtml = xhtml;//.responseText; 
    37. //        console.log(whtml);
    38.          document.getElementById("xtablaSala").innerHTML = whtml;
    39.       }).fail(function () {
    40.          alert("error");
    41.       });
    42.       $.ajax({
    43.          method: "post",
    44.          url: "ajax/a_pallcmapasala.jsp",
    45.          data: {
    46.             "xidsala": widsala,
    47.             "xtypo": 2
    48.          }
    49.       }).done(function (xhtml) {
    50.          whtml = xhtml;//.responseText; 
    51. //        console.log(whtml);
    52.          document.getElementById("xtablaDispSalaMaster").innerHTML = whtml;
    53.       }).fail(function () {
    54.          alert("error");
    55.       });      
    56.    });
    57. });
    The user click on SELECT/OPTION: id='#xcombsalas'

    the line:

     url: "ajax/a_pallcmapasala.jsp",

    build a html Table  with a button the class of the button is: 'verDetalle' see the line2:

    when the user click on 'VerDetalle' Button not display the alert..... not know why.

    i think when the user click on SELECT/OPTION: id='#xcombsalas' at this moment not know  exists the button and or event.

    any advice how to solve?

    thanks