Form input using Ajax lightbox

Hi

I am trying to create a form using the Ajax Lightbox function, it does pick up and display the form in a popup but when I click on the form to input the data the pop up closes, when I click on any other part of the pop up window it closes.

I have tried using "iFrame" but the problem is that the css does not pickup and I actually like the way the "Ajax" version displays the form.

This is what I am using.
<li>Get a free quote</li>

However I think the problem is somewhere here but even if I unlink the functions.js nothing changes to show that it is fetching the close event listener from from functions.

		if( $lightboxAjaxEl.length > 0 ) {
			$lightboxAjaxEl.magnificPopup({
				type: 'ajax',
				closeBtnInside: false,
				callbacks: {
					ajaxContentAdded: function(mfpResponse) {
						SEMICOLON.widget.loadFlexSlider();
						SEMICOLON.initialize.resizeVideos();
						SEMICOLON.widget.masonryThumbs();
					},
					open: function() {
						$body.addClass('ohidden');
						SEMICOLON.widget.contactForm();
					},
					close: function() {
						$body.removeClass('ohidden');
					}
				}
			});

Thanks

`

• Get a free quote`