Jquery não executa na id da div

Estou com um problema no meu jquery que não mostra o resultado dentro da id da div, ele redireciona a página para a url: 'email_planejamento.php', as informações do form vem certinho.

$(document).ready(function () {
 $('#reg-form_planejamento input[type="submit"]')
 e.preventDefault();
var form = $('#reg-form_planejamento');
 $.ajax({
 url: 'email_planejamento.php',
 type: 'POST',
 data: form.serialize()
 })
 .done(function(data){
 $('#form-content_2').fadeOut('slow', function(){
 $('#form-content_2').fadeIn('slow').html(data);
 });
 })
 .fail(function(){
 alert('Ajax Submit Failed ...');
 });
});

	forumulario html

<form action="email_planejamento.php" id="reg-form_planejamento" method="post" class="wpcf7-form" novalidate>

<div class="digite_email_terceirizacao corrigir80">
<span class="wpcf7-form-control-wrap email"><input type="text" name="email_form_planejamento" id="email_form_planejamento" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Digite seu e-mail"></span>
</div>
<div class="assinar_marketing34">
<input style="background:#f05a29!important" onclick="pipz.track('VER UM EXEMPLO DE SUCESSO - Planejamento Estratégico - Home',{button:'Ver exemplo de sucesso'})" type="submit" value="VER UM EXEMPLO DE SUCESSO" class="wpcf7-form-control wpcf7-submit"><span class="ajax-loader"></span>
</div>
<div class="wpcf7-response-output wpcf7-display-none"></div></form>