Click event not working on the append item : <p>I am not being able to call the click function on the appended data. I have a html structure  like below and items are added after slider move. After the items are added, I need to get the click event but at the moment its not working.</p>

<h2>HTML</h2>

<pre><code>   &lt;div id="sidebar-right"&gt;
        &lt;div id="found-results"&gt;
            &lt;div class="ui list found-result"&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<h2>JS</h2>

<pre><code>var showNearbySearchResult = function(result, popLat, popLong) {
    item = '';
    item = '&lt;div class="item id_"&gt;' +
        '&lt;div class="content"&gt;' +
        '&lt;a class="header right-header"&gt;' + result.name_e + '&lt;/a&gt;' +
        '&lt;div class="description"&gt;' + result.amphoe_e + ' ' + result.province_e +'&lt;i class="map marker icon"&gt;&lt;/i&gt;'+'&lt;/div&gt;' +
        '&lt;/div&gt;' +
        '&lt;/div&gt;&lt;div class="pop-geometry"&gt;'+popLat+', '+ popLong+'&lt;/div&gt;' + '&lt;/div&gt;';
    $(".ui.list.found-result").append(item);
}


$('.ui.list.found-result').on('click', '._id', function(e) {
    alert(2);
    console.log($(this).text());
});
</code></pre>
