При подгрузке Contact Form 7 через отдельный файл, при отправке форма переходит на саму себя, как исправить?

Есть кнопка

<input class="btn  btn_primary btn_xs-full order-form-load-js"  value="Заказать" type="submit" data-src="<?php echo theme_dir; ?>/order-product-popup.php"/>

Сам order-product-popup.php

<?php require_once('../../../wp-load.php'); ?>
<div class="popup" id="order-popup">
    <div class="popup__close">
        <button class="close" type="button" aria-label="Close" data-fancybox-close=""><span>Close</span></button>
    </div>
    <div class="container-fluid">
        <div class="h1 popup__title">Заказ № 3454</div>
        <div class="block_yellow">Укажите контактные данные и мы свяжемся с вами в ближайшее время.</div>
        <?php echo do_shortcode('[contact-form-7 id="251" title="Заказ изделия" html_id="product-order-form" html_class="form"]'); ?>
    </div>
</div>
<script>
    var orderForm = document.querySelector('#product-order-form');
    formValidationInit(orderForm);
</script>

При отправке страница перезагружается и попадает на адрес "domen.ru/order-product-popup.php#wpcf7-f251-o1" выходит это

Что я сделал не так и как исправить, чтобы ajax'ом ходила форма?