Jquery form validation plugin - how to submit with an extra step?
<p>I'm currently using the <a href="http://docs.jquery.com/Plugins/Validation" rel="nofollow">Jquery form validation plugin</a>, and it works well when I followed it's form submission instruction on the webpage:</p>

<pre><code>$("#form").validate({
    submitHandler: function(form) {
        form.submit();
    }
});
</code></pre>

<p>However, now I need to add a popup alert box after the users click the submit button, then they need to click a button on the popup box before the form being submitted.</p>

<p>So it needs to be:</p>

<ol>
<li>fill in form, click submit button</li>
<li>pop up box shows up with a button, click that button</li>
<li>form submits</li>
</ol>

<p>I have tried this but it triggers no response:</p>

<pre><code>$("#form").validate({
    submitHandler: function(form) { 
        $('.popup').show();
        $('.popup').find('.button').click(function(){
            form.submit();
        });         
     }      
});
</code></pre>
