Fancybox not opening with form

I am using a fancy box to show a form when a user clicks on the “get info” button but the form is not popping up. All it is doing is the url has #inline at the end of it.

I search everywhere and tried many things, but I cannot seem to get it working.

My code is

<a class="modalbox" href="#inline"><img src="images/quote.gif" class="imgquote" width="297" height="72" border="0px" />
    </a>
    <br />
    <div id="inline" style="display: none">

Then the JS below is

<script type="text/javascript">
        $(document)
            .ready(function () {
                $(".modalbox").fancybox();
                $("#contact").submit(function () {
                        return false;
                    });
                $("#send").on("click", function () {
					
                        {
                            // if both validate we attempt to send the e-mail
                            // first we hide the submit btn so the user doesnt click twice
                            $("#send").replaceWith("<em>Your request has been sent...</em>");

                            $.ajax({
                                type: "POST",
                                url: "AJAX_Quote.php",
								data: $("#contact").serialize(),                                
                                success: setTimeout(function () { parent.$.fancybox.close(); }, 2000) 
                               });
                        }
                    });
            });
    </script>

Any help would be greatly appreciated.

you using a lcoalhost like easyphp to load the form?

No, I have all the files uploaded to a server.

Can you put a link here?

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.