Jquery + ADF - Button Location

I use ADF and I have a problem.

In case I have a popup in sequence a dialog and after a panelgroup, below the panelgroup I created a "buttonBar" facet as soon as I have a defined style in my popup however I need to use a skin in the buttons below, the problem is that they get the style set up above and not the ones that I actually put on the buttons. In this context I'm using a jquery that detects the enter key, since I need the enter to behave like a click (so the facet). The doubt is, I need my buttons to take my style and my jquery to detect my enter, even though they both are in different layers (if applicable). Here is the code:

<af:popup animate="default" childCreation="immediate" autoCancel="enabled"  id="p2">
          <af:dialog closeIconVisible="false"  contentHeight="300" contentWidth="300" 
                     title="TITULO" id="d122" resize="off" modal="true" type="none">
                    <h:panelGroup layout="block"  id="formfwfiltro" styleClass="estilo-exemplo-dois">
                        <h:panelGroup id="dialogContainer" layout="block" styleClass="estilo-exemplo">
                            <af:group id="tablecontainer">
                                    <!-- CONTEÚDO -->
                            </af:group>
                        </h:panelGroup>
                    </h:panelGroup>
            <f:facet name="buttonBar">
            <af:group id="buttonbargroup">
                  <af:commandButton  text="#{pageFlowScope.exemplo}" id="formfwbtnaction" partialSubmit="false" 
                                     visible="true" styleClass="class-style-exemplo" action="#{pageFlowScope.exemplo}" />
            </af:group>
            </f:facet>
                 <trh:script id="scriptfiltro">
                        <![CDATA[
                          $(document).ready(function () {
                            buscaenteresc();
                          });
                        ]]>
                 </trh:script>
            </af:dialog>   
</af:popup>