title: jQuery click on appended list element
body: <p>I know this question is already posted, but the solutions proposed are not working in my case:</p>
  
  <p>I append an element like this:</p>
  
  <pre><code>var premier = '&lt;div class="container col-md-8"&gt;' +
                '&lt;div class="row"&gt;' +
                '&lt;ul class="list"&gt;' +
                '&lt;li class="title"&gt;&lt;a id="'+ide+'" href=""&gt;'+nom+'&lt;/a&gt;&lt;/li&gt;' +
                '&lt;li class="artist"&gt;'+art+'&lt;/li&gt;' +
                '&lt;li class="stars"&gt;&lt;img src='+stars+'&gt;&lt;/li&gt;' +
                '&lt;li class="gender"&gt;'+gen+'&lt;/li&gt;' +
                '&lt;/ul&gt;' +
                '&lt;/div&gt;' +
                '&lt;hr&gt;' +
                '&lt;/div&gt;';
  </code></pre>
  
  <p>With this command:</p>
  
  <pre><code>$('.main').append(premier);  
  </code></pre>
  
  <p>Then I want to acces to the element a by an onclick function:</p>
  
  <pre><code>$('#'+ide+'').on('click',function(){
    console.log("do it");
  });                 
  </code></pre>
  
  <p>But it doesn't work. I have probe also with delegate function but maybe I am using it wrong.</p>