title: fullcalendar popover not working with event icons
body: <p>Trying to render dynamic events with icon and popover.  Cannot get the popover and icon to work at the same time.  I tried a few approaches.  Only the first eventRender function works. Here is the code.</p>
  <pre><code>$(document).ready(function () {
      $('#calendar').fullCalendar({
              timezone: 'local',
              height: 700,
              header: {
                  left: 'prev,next today',
                  center: 'title',
                  right: 'month,agendaWeek,agendaDay,listWeek'
              },
              defaultDate: '2021-07-16',
              navLinks: true,
              eventLimit: true,
  
              events: [{ %
                      for order in orders %
                  } {
                      id: '{{ order.event.id}}',
                      title: '{{ order.event.title }}',
                      start: '{{ order.event.start }}',
                      end: '{{ order.event.end }}',
                      description: '{{ order.event.description }}',
                      backgroundColor: '#b3e6ff',
                      icon: 'calendar-alt',
                  },
  
                  { % endfor %
                  }
              }
          ],
          eventRender: function (event, element) {
              if (event.icon) {
                  element.find(&quot;.fc-title&quot;).prepend(&quot;&lt;i class='fa fa-&quot; + event.icon + &quot;'&gt;&lt;/i&gt;&quot;);
              }
          },
          eventRender: function (eventObj, $el) {
              $el.popover({
                  title: eventObj.title,
                  content: eventObj.description,
                  trigger: 'hover',
                  placement: 'top',
                  container: 'body'
              });
          },
      });
  });```
  </code></pre>