      <xh:p>
            <xf:input ref="foo" id="foo">
                <xf:label class="fixed-width">Value of foo:</xf:label>
            </xf:input>
        </xh:p>
        <xh:p>
            <xf:output ref="bar">
                <xf:label class="fixed-width">Value of bar:</xf:label>
            </xf:output>
        </xh:p>
        <xh:p>
            <xf:trigger>
                <xf:label>Increment foo with JavaScript</xf:label>
                <xxf:script ev:event="DOMActivate">
                    var fo