Отключить кнопку и изменить метку во время выполнения запроса AJAX

Question

Я хочу изменить метку кнопки и отключить ее во время выполнения

<h:form id="login_form" role="login" onkeypress="if (event.keyCode === 13) { document.getElementById('login_form:login').click(); return false; }">
    <img src="images/logo.png" alt="" class="img-responsive" />

    <div class="form-group">
        <h:inputText required="true" styleClass="form-control" a:placeholder="Email address" value="#{loginController.user}"/>
    </div>

    <div class="input-group">
        <h:inputSecret required="true" class="form-control" a:placeholder="Password" value="#{loginController.password}" autocomplete="off"/>

        <span class="input-group-btn">
            <button class="btn btn-default" type="button" id="tooltip" data-toggle="tooltip" data-placement="top" title="Forgot password ?">?</button>
        </span>
    </div>

    <h:commandLink id="login" type="submit" class="btn btn-primary btn-block button-layout" action="#{loginController.userAuthanticate}" value="Login Now">
        <f:ajax execute="@form" render="@form"/>
    </h:commandLink>

    Not yet a member ? <h:commandLink class="link-layout">Register now</h:commandLink>
</h:form>

Как я могу сделать это с кодом JSF?