onsen-uiでページ遷移のアニメーション前に要素のテキストを書き換える

onsen-uiでページ遷移のアニメーション前に要素のテキストを書き換えるにはどうしたらいいですか？
下記のコードだとpushPage後、アニメーションが終了してからpタグ内のテキストが書き換わります。
先に書き換えてからアニメーションでページ遷移させたいです。
navigatorのpostpushイベントを拾っても同じでした。

js

ons.bootstrap();
function click(){
    myNavi.pushPage("page1.html",{animation:"lift",onTransitionEnd:end});
}
function end(){
    document.getElementById("message").innerText = "Message";
}

html

<ons-navigator var="myNavi">
    <ons-page>
        <ons-button onclick="click()">Button</ons-button>
    </ons-page>
</ons-navigator>

<ons-template id="page1.html">
    <ons-page>
        <p id="message">default</p>
    </ons-page>
</ons-template>