Contact form not working as expected in popup.

Hello,

I’m having an issue with your contact form in a popup that I made, for some reason when the popup shows I fill in my email click download and it’s supposed to redirect me on sent ok, but instead its fires out https://www.howtobackupiphone.co.uk/?_wpcf7=1101&_wpcf7_version=4.6&_wpcf7_locale=en_US&_wpcf7_unit_tag=wpcf7-f1101-o1&_wpnonce=e116c7c90e&your-email=test%40test.com and redirects me back to the homepage.

I used the <?php echo do_shortcode( '[contact-form-7 id="1101" title="Popup Banner"]'); ?> like you advised in your docs.

and the only js running the popup is

jQuery( function($){
	
	$( document ).ready(function() {
		console.log( "ready!" );
		
		$('a#popup').click( function(){
			$('#form_overlay').fadeIn();
		});
		$('#closeBtn').click( function(){
			$('#form_overlay').fadeOut();
		});
		
		$('input.wpcf7-email').focus(function(){
		   $(this).removeAttr('value');
		});
		
	});
	
});

so not quite sure why its not working, I’ve put the form on a test page and that works fine, it shows me the status, but it doesn’t show me the status on the popup do I need to add a status div or something.

Cheers

Josh