title: Click event not working for dynamically added Li->span->id
body: <p>Click event not working for dynamically added Li->span->id</p>
  
  <pre><code>    case"101" :   strLink = "&lt;li style='cursor:pointer'&gt;&lt;a data-scroll&gt;&lt;span id=div101'&gt;Form 101&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;"; $('.sidebar-nav').append(strLink); break;
  ---------------
  $(".sidebar-nav").on("click", "#div101", function ()
  {
        console.log("Clicked on div101");
  });
  </code></pre>
  
  <p>This is Not working. How can i make it work?</p>