title: Dynamic created content is not binding jQuery events
body: <p>I'm not able to bind jQuery events to dynamically created list items.</p>
  
  <p>It's the event on <code>btnRemoveItem</code> that is not triggering after begin added by jQuery.</p>
  
  <pre><code>$('#btnAddStore').on('click', function(){
    (...)
    $.ajax({
      success: (function(result) {
        (...)
        var li = jQuery('&lt;li/&gt;', {
            'id': object['id']
           }).append('&lt;span title="Remove item from list" class="btnRemoveItem"&gt;&lt;/span&gt;')
             .append('&lt;span class="text"&gt;' + name_adr[0] + '&lt;/span&gt;')
             .append('&lt;span class="address"&gt;' + name_adr[1] + '&lt;/span&gt;');
  
        $(li).appendTo('#'+ country + ' ul');
      }
    });
  });
  </code></pre>
  
  <p>I've looked at similar questions in here, but I've not found any answers that solves my problem. What am I missing from this code?</p>