Jquery Form Validation Plugin Not Working
<p>I try to validate a simple Form but the Jquery Validation </p>

<p>Plugin not working when I use only Button not The Submit </p>

<p>Button. 
I can not use the Submit button there Because If I use submit </p>

<p>Button After Submitting the form It take the Action and goes </p>

<p>to Default page while my current form is comes from Ajax. I am </p>

<p>very new to Jquery. Please Help its Urgent...
I am giving the files here. 
index.html</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script src="jquery.js"&gt;
&lt;script="jquery-validate-min.js"&gt;
&lt;script="validation.js&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form id="contact_form"&gt;
&lt;table&gt;
&lt;tr&gt;&lt;th&gt;Name&lt;/th&gt;&lt;td&gt;&lt;input name="name" /&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;E Mail&lt;/th&gt;&lt;td&gt;&lt;input name="email" /&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;&lt;input type="button" name ="submit" id="form_sub" 

onclick="save"&gt;&lt;/th&gt;&lt;td&gt;&lt;input name="email" /&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Now the <code>validation.js</code> file</p>

<pre><code>function save(){

$("#form_sub").click(function(){
$("#contact_form").validate({
'rules':{
'name':{
'required':true,
'minlength':5
},
'email':{
'required':true,
'email':true
}
}
})
}
</code></pre>

<p>Everything works fine when we use input type="submit"...
But it not working when we use input type="button"</p>

<p>Any Idea how can Fix this?
I am new to Jquery ... Please Help</p>
