# JS hook for multi page forms

**URL:** <https://community.gravityforms.com/t/js-hook-for-multi-page-forms/10938>\
**Category:** Get Help\
**Tags:** custom, multi-page, ajax\
**Created:** [October 15, 2021, 8:11pm UTC](https://community.gravityforms.com/t/js-hook-for-multi-page-forms/10938 "2021-10-15T20:11:41Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![simonc](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/simonc/32/1431_2.png) [@simonc](https://community.gravityforms.com/u/simonc)\
**Post date:** [October 15, 2021, 8:11pm UTC](https://community.gravityforms.com/t/js-hook-for-multi-page-forms/10938/1 "2021-10-15T20:11:41Z")

</div>

How to trigger something when navigating between pages in an ajax multiform?

Basically I’m trying to hook into the ‘next’ button on a multipage form, So something like

```auto
  $("#gform_1").submit(function (e) {
    $(".html-element").show();
  });

```

But this only seems to work on non-ajax forms.

Also tried

```auto
 $("#gform_next_button_1_6").click(function (e) {
    $(".html-element").show();
  });

```

Which seems to go nowhere?

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/fef63f0599c45e0218c30d9f5d7ca8bff9b00189.png) [@system](https://community.gravityforms.com/u/system)\
**Post date:** [November 14, 2021, 8:11pm UTC](https://community.gravityforms.com/t/js-hook-for-multi-page-forms/10938/2 "2021-11-14T20:11:58Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.