JQUery Validate not executed on Click Event
<p>greetings,</p>

<p>Could any one tell me what am I doing wrong on code below. It's not executing on Click. I'm quiet note sure wether <code>$("form").validate</code> on applies to Submit button:</p>

<p>jQuery:</p>

<pre><code>        $(document).ready(function () {
            //Form Submit
            $('#ClockOutBtn').click(function () {
                $("form").validate({
                    rules: {
                        name: "required", // simple rule, converted to {required:true}
                        email: {// compound rule
                            required: true,
                            email: true
                        },
                        url: {
                            url: true
                        },
                        comment: {
                            required: true
                        }
                    },
                    messages: {
                        comment: "Please enter a comment."
                    }
                });
            });



        });
</code></pre>

<p>HTNML:</p>

<pre><code>&lt;fieldset&gt;
        &lt;div class="form-row"&gt;&lt;span class="label"&gt;Name *&lt;/span&gt;&lt;input type="text" name="name" /&gt;&lt;/div&gt;
      &lt;div class="form-row"&gt;&lt;span class="label"&gt;E-Mail *&lt;/span&gt;&lt;input type="text" name="email" /&gt;&lt;/div&gt;
      &lt;div class="form-row"&gt;&lt;span class="label"&gt;URL&lt;/span&gt;&lt;input type="text" name="url" /&gt;&lt;/div&gt;
      &lt;div class="form-row"&gt;&lt;span class="label"&gt;Your comment *&lt;/span&gt;&lt;textarea name="comment" &gt;&lt;/textarea&gt;&lt;/div&gt;

      &lt;button id="ClockOutBtn" type="button"/&gt;
    &lt;/fieldset&gt;
</code></pre>
