Problem z odświeżaniem Toolpip w Timeline primefaces.

Hej,

Użyłem komponentu primefaces tooltip wewnątrz komponentu tilemilne Primefaces. Ide jest taka aby po najechaniu myszką na event w timeline wyświetlił się toolpip z informacjami danego eventu. I generalnie to działa do chwili aktualizaci timeline za pomocą ajax event range change. Przestaje działać nie wiem dlaczego:

<p:timeline id="timeline" value="#{schedulerControler.model}" var="event" varGroup="group"">        
                <h:panelGroup class="eventClassId#{event.id}" style="padding-bottom:5px; padding-top: 5px; padding-left: 3px; padding-right: 3px;">
                    <h:outputText value="#{event.transportAsset.city}" >
                </h:panelGroup>
                
                <p:ajax event="rangechanged" update="tooltipsPanel" listener="#{schedulerControler.rangeChanged}"  onstart="$('#loadingText').css('visibility', 'visible')" oncomplete="$('#loadingText').css('visibility', 'hidden')"/>        
            </p:timeline>    

            <p:panel id="tooltipsPanel" style="display: none">
                <ui:repeat value="#{schedulerControler.model.events}" var="varTooltip" >
                    <p:tooltip for="@(.eventClassId#{varTooltip.data.id})">
                        <h:panelGrid columns="1" cellpadding="1" >
                            <h:outputText value="#{varTooltip.data.zone.description}"/>
                        </h:panelGrid>
                    </p:tooltip>
		</ui:repeat>
            </p:panel>