wordpress ajax отправка данных формы без перезагрузки страни

Здравствуйте, уже 3 дня страдаю, над этим ajax …
Вроде бы не сложная задача, но никак не получается….

хочу сделать чтобы по нажатию кнопки в форме данные отправлялись в 1.php без перезагрузки страницы, а в 1.php уже был обработчик полей, если все ок, то отправляем письмо …

делаю так
в 1.php

if(isset($_POST['submitted'])) {
wp_mail($emailTo, $subject, $body, $headers);
}

<form action=""  id="contactForm" class="wpcf7-form" method="post">                                                     <label>Ваше имя *</label>
<input type="text" name="index" id="index" class="textfield" required="" value="" />
<label>Ваш E-Mail *</label>
<input type="email" name="email" id="email" class="textfield" required="" value="" />
<label class="text-label">Ваш вопрос *</label>
<textarea name="contactSurName" id="contactSurName" class="textarea" value=""></textarea>
<input type="button" style="width: 100%;margin-top: 10px;" id="send_button" class="button" value="Задать вопрос" />
<input type="hidden" name="submitted" id="submitted" value="true" />
</form>

в ajax.js

document.getElementById('send_button').onclick = function() {
 var data={
 userName: $('#index').val(),
 email: $('#email').val(),
 contactSurName: $('#contactSurName').val(),
 submitted: $('#submitted').val(),
}
 $.ajax({
                type: "POST",
                url: "1.php",
                data:   data,
        });
 }

никак не работает (((