Alternate Success Markup from a Template or Existing Div after AJAX Submit

[TUSAB-web]

I am looking at this page in the docs:

If I have 2 forms on one page, would I have the script on the bottom repeated with the different div IDs, or just add another line of the div IDs into the same script... referring to this line specifically:
$('#form-wrapper').html($('#custom-content').html());

[gustavs-gutmanis]

If both your forms need to show the same div's contents, can get by with a single script for both.

First off - change the wrapper to have no ID specified at all

<div>
    {{ craft.freeform.form('myContactForm').render }}
</div>

Then modify the script to have this code:
Notice that I changed the document.on to document.addEventListener. The docs will be updated with this change very soon

<script type="text/javascript">
    document.addEventListener('freeform-render-success', function (event) {
        event.preventDefault();

        var form = event.form;

        $(form).parent().html($('#custom-content').html());
    });
</script>