title: change event doesn't work on dynamically generated elements - Jquery
body: <p>I generate a dropdownList dynamicly with jquery Ajax , generated dropdown's id
  is <code>specificationAttribute</code> . I want create add event for new tag was generated (<code>specificationAttribute</code>) , to do this I created Belowe <code>script</code> in <code>window.load</code>:</p>
  
  <pre><code>$(document).on('change', '#specificationattribute', function () {
      alert("Clicked Me !");
  });
  </code></pre>
  
  <p>but it does not work . 
  I try any way more like <code>click</code> , <code>live</code> but I cant any result.</p>
  
  <p><a href="https://jsfiddle.net/a65m11b3/4/" rel="nofollow">jsfiddle</a></p>
  
  <p><strong>Code from fiddle:</strong></p>
  
  <pre><code>$(window).load(function () {
    $("#specificationCategory").change(function () {
          var selected = $(this).find(":selected");
          if (selected.val().trim().length == 0) {
              ShowMessage('please selecet ...', 'information');
          }
          else {
  
              var categoryId = selected.val();
              var url = $('#url').data('loadspecificationattributes');
  
              $.ajax({
                  url: url,
                  data: { categoryId: categoryId, controlId: 'specificationattribute' },
                  type: 'POST',
                  success: function (data) {
                      $('#specificationattributes').html(data);
                  },
                  error: function (response) {
                      alert(response.error);
  
                  }
              });
  
          }
  
      });
  
  
  
      $(document).on('change', '#specificationAttribute', function () {
          alert("changed ");
  
      });
      }
  </code></pre>