title: Bind on change event to input
body: <p>What I try to do is to bind an onchange event to an element which is not appended. But this is what I tried:</p>
  
  <pre class="lang-js prettyprint-override"><code>  var $container = rule.$el.find('.rule-value-container');
    var html = `&lt;input class="form-control" type="number" name="${ name }_0" step="any" min="0"&gt;`;
  
    console.log($(html));
    $(html).on('change', function(e) {
      console.log('test', e);
    })
  
    $container.html('');
    $container.append(html);
  }
  </code></pre>
  
  <p>But this is not working how can I bind an on change event to an element which is not appended yet?</p>