title: External JQuery doesn't work for dynamic content
body: <p>I have a dynamically created calendar which has hidden div's (css) for events.  I have a JQuery function that should show the div when the event is hovered over, but it doesn't seem to want to work.  I have read everything I could find on this site about the issue, but no luck.</p>
  
  <p>The dynamic content:</p>
  
  <pre><code>$calendar.= '&lt;td class="calendar-day"&gt;&lt;div style="position:relative;height:100px;"&gt;';
          /* add in the day number */
          $calendar.= '&lt;div class="day-number"&gt;'.$list_day.'&lt;/div&gt;';
  
          $event_day = date('Y-m-d',strtotime($year.'-'.$month.'-'.$list_day));
                          foreach($events as $event) {
                              if ($event[ArrDate] == $event_day) {
                                  $cntry = $event[CountryID];
                                  $calendar.= '&lt;/br&gt;&lt;/br&gt;&lt;div class="event" style="background-color:#1' .stringToColorCode($cntry). '"&gt;'.$event[CaptainLast]."&lt;div class='teampopup'&gt;&lt;table&gt;&lt;tbody&gt;&lt;tr&gt;&lt;u&gt;Team Info:&lt;/u&gt;&lt;/tr&gt;&lt;/br&gt;&lt;tr&gt;Captain: " . $event[CaptainFirst]. " " . $event[CaptainLast] . "&lt;/tr&gt;&lt;/br&gt;&lt;tr&gt;Country: " . $event[CountryID]. "&lt;/tr&gt;&lt;/br&gt;&lt;tr&gt;Dates: " . date("n/j",strtotime($event[ArrDate])). " - ". date("n/j",strtotime($event[DepDate])). ", " . date("Y",strtotime($event[ArrDate])). "&lt;/tr&gt;&lt;/br&gt;&lt;tr&gt;Type: " . $event[Type]. "&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;";
                              }
                          }
  $calendar.= '&lt;/div&gt;&lt;/td&gt;';
  </code></pre>
  
  <p>And the Javascript:</p>
  
  <pre><code>$(document).ready(function(){
     var moveLeft = -200;
     var moveDown = -50;
     $('#content').on("mouseenter", ".event", function() {
        $(this).find('.teampopup').show();
     }) .on("mouseleave", ".event", function() {
        $(this).find('.teampopup').hide();
     });
  });
  </code></pre>
  
  <p>Extra info:  "content" is the container in which the dynamically created content is loaded, and the call to my javascript file is below all my other script tags, just above the closing body tag.  Thanks in advance.</p>