JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css">
<ul class="ulclass">
   <li class="liclass">
       this should be clickable
      <div>
           <a href="#">somelink</a>
       </div>
   </li>
   <li class="liclass">
       this should be clickable
      <div>
           <a href="#">somelink</a>
       </div>
   </li>
</ul>

JavaScript

$("ul.ulclass").delegate(".liclass div", "click", function(e) {
    e.stopPropagation();
});

$("ul.ulclass").delegate(".liclass", "click", function(e) {
    alert( "li handler was invoked" );    
});

setInterval(function() {
    var str = '<li class="liclass">this should be clickable<div><a href="#">somelink</a></div></li>';
    
    $("ul.ulclass").append( str );
    
}, 2000);