title: Cannot delete element created by jQuery
body: <p>I use SignalR to push notifications. To be simple, I have created some elements using the following jQuery code:</p>
  <pre><code>&lt;script&gt;
      $(document).ready(function(){
          var connection = new signalR.HubConnectionBuilder().withUrl(&quot;/signalRServer&quot;).withAutomaticReconnect().build();
          connection.start();
  
          connection.on(&quot;ReceiveNotification&quot;, function(sender, workCenter, serviceType, notificationId){
              event.preventDefault();
              if($('#notifi-badge').length){
                  var currentNotificationCount = parseInt($('#notifi-badge').text());
                  $('#notifi-badge').text(currentNotificationCount + 1);
                  $('.notification-items').prepend('&lt;li&gt;&lt;a class=&quot;dropdown-item notification-item&quot; style=&quot;font-family: vazir !important&quot; Id=&quot;'+ notificationId +'&quot; href=&quot;#&quot;&gt;New '+ serviceType +' for '+ workCenter +' sent.&lt;/a&gt;&lt;/li&gt;');
              }else{
                  $('#notifi-badge').text('1');
              }
          });
      });
  &lt;/script&gt; 
  </code></pre>
  <p>and I use the following code to detect those created items:</p>
  <pre><code>&lt;script&gt;
      $(document).ready(function(){
          $('.notification-item').on(&quot;click&quot;, function(){
          var selectedId = $(this).attr('Id');
          var notificationBadge = parseInt($('#notifi-badge').text());
          var formData = new FormData();
          alert(selectedId);
  </code></pre>
  <p>.
  .
  .</p>
  <pre><code>&lt;/script&gt;
  </code></pre>
  <p>SignalR works fine and I can push notifications. When I click those created elements, I expect to alert but it does not.</p>