Unable to submit a second form with jQuery ajax
<p>I have two forms on a single page. Actually they're seperated pages but the page-content is loaded into several divs enabling a sliding-effect through pages.</p>

<p>In one div I have a small form with two text-inputs. I can submit it without a problem. At another div I have a contact form. It's using the same script for handling the form. The only thing changed is the #id from where the .submit() should be binded to.</p>

<p>For some reason I just can't get the second form to work. Is there a limitation on forms in a page (I know, it sounds stupid but I'm clueless here...)?</p>

<p>The forms look like :</p>

<pre><code>&lt;form id='form-1'&gt;
..
&lt;/form&gt;

&lt;form id='form-2'&gt;
..
&lt;/form&gt;
</code></pre>

<p>The jQuery, within <code>$(document).ready(function(){});</code></p>

<pre><code>$("#gratis-proefles").submit(function(){
        var str = $(this).serialize();

        $.ajax({
            type:   "POST",
            url:    "ajax.php?type=proefles",
            data:   str,
            success: function(result){ 
                $("#ResultAanvraagProefles").ajaxComplete(function(event, request, settings){    
                    if(result == true)
                    {
                        $(this).html('&lt;span style="color:#76c5f0;"&gt;&lt;strong&gt;Bedankt voor je aanvraag! We nemen zo snel mogelijk contact met je op om de gratis proefles in te plannen!&lt;/strong&gt;&lt;/span&gt;');
                        $(":input", "#gratis-proefles")
                             .not(":button, :submit, :reset, :hidden")
                             .val("");                    
                    }
                    else
                    {
                        $(this).html('&lt;span style="color:#FF0000;"&gt;&lt;strong&gt;Om een gratis proefles aan te kunnen vragen is het verplicht om zowel je naam als je telefoonnummer op te geven.&lt;/strong&gt;&lt;/span&gt;');
                    }                         
                });
            }
        });

        return false;
    });

    $("#contact-formulier").submit(function(){
        var str = $(this).serialize();

        $.ajax({
            type:   "POST",
            url:    "ajax.php?type=contact",
            data:   str,
            success: function(result){ 
                $("#ResultContact").ajaxComplete(function(event, request, settings){    
                    if(result == true)
                    {
                        $(this).html('&lt;span style="color:#76c5f0;"&gt;&lt;strong&gt;Bedankt voor je bericht! We nemen zo snel mogelijk contact met je op!&lt;/strong&gt;&lt;/span&gt;');
                        $(":input", "#contact-formulier")
                             .not(":button, :submit, :reset, :hidden")
                             .val("");
                    }
                    else
                    {
                        $(this).html('&lt;span style="color:#FF0000;"&gt;&lt;strong&gt;Alle velden zijn verplicht in te vullen.&lt;/strong&gt;&lt;/span&gt;');
                    }                         
                });
            }
        });

        return false;
    });
</code></pre>

<p>A live example can be found on <a href="http://vfw.ontdek5.nl/index.php" rel="nofollow">http:vfw.ontdek5.nl/index.php</a>. It's in Dutch but the forms are on the pages 'Gratis Proefles' and 'Contact'.</p>
