lightbox popup form issue

Hey!

I am creating a form that appears in a popup lightbox when a button or link is pressed on the page.

Everything works as intended. I have created a color section element that contains the form, i have made this element hidden. I have edited the functions.php to contain:

function inline_popup_enabler(){
?>
<script>
(function($){
    $(window).load(function() {
    	$('.inline_popup').magnificPopup({
    	  type:'inline',
    	  midClick: true
    	});
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'inline_popup_enabler');

And i have used the following to make the actual link: <a class="inline_popup" href="#content-to-open">Contact Form</a>

The problem is, when the form opens and I click on any row to fill it out, it immediately disappears. How can I make the form actually function?

Thanks in advanced!