Untitled

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Facelet Title</title>

        <script type="text/javascript">
    function handleMessage(evt, data) {
        window.alert("hello !");
        $('.display').html(data);
    }
        </script>
    </h:head>
    <h:body>
        <h:form>
            <h:outputText value="#{globalCounter.count}" styleClass="ui-widget display" />

            <br />

            <p:commandButton value="Click" actionListener="#{globalCounter.increment}"  />
        </h:form>

        <p:push onmessage="handleMessage" autoConnect="true"   channel="counter"  />


    </h:body>
</html>