title: Add click event on dynamically created select
body: <p>I made this example code: <a href="https://jsfiddle.net/gwpcfp89/" rel="nofollow noreferrer">https://jsfiddle.net/gwpcfp89/</a></p>
  
  <p>The question is about this click event:</p>
  
  <pre><code>var wrapper = $(".select-editable"); // Fields wrapper
  
  $(wrapper).on('keypress', '#input1', function () {
    var cs = $(this).val().length+1;
    console.log( "total caracters:" + cs);
    $('#mytext1').html('&lt;option value="dummy01"&gt;dummy01&lt;/option&gt;&lt;option value="dummy02"&gt;dummy02&lt;/option&gt;&lt;option value="dummy03"&gt;dummy03&lt;/option&gt;')
  });
  </code></pre>
  
  <p>I use <code>#input1</code>, <code>#mytext1</code>, and I want the click to be dynamic. 
  For example: if I create four selects in the table, the fourth select should have the click event like the first select (<code>#input4</code> and <code>#mytext4</code>).</p>
  
  <p>Is it possible?</p>