jquery validation plugin not working in modalbox
<p>i am trying to validate fields in modalbox however its not working below is my validation code</p>

<pre><code>$("#formapplication").validate({
rules: {
  tb_name:{ required: true },
  tb_url: {required: true},
  tb_tag: {required: true},
  tb_desc: {required: true},
  tb_catg: {required: true}
  },
messages:{
  tb_name:{ required: "Please Enter Full name" },
  tb_url: {required: "Please Enter URL"},
  tb_tag: {required: "Please Enter Tag."},
  tb_desc: {required: "Please Enter Description."},
  tb_catg: {required: "Please Select Category."}
  }
 });
</code></pre>

<p>jquery validation plugin support modalbox but its simple html i write on same page not calling using ajax any idea pelase help.</p>

<p>below is xhtml</p>

<pre><code>&lt;div id="submitapplication" style="display:none"&gt;
&lt;form action="" id="formapplication" name="formapplication" method="post"&gt;
&lt;div class="submitapplicationbox"&gt;
&lt;label&gt;Name&lt;input type="text" name="tb_name" id="tb_name" /&gt;&lt;/label&gt;
&lt;label&gt;Url&lt;input type="text" name="tb_url" id="tb_url" /&gt;&lt;/label&gt;
&lt;label&gt;Tags&lt;input type="text" name="tb_tag" id="tb_tag" /&gt;&lt;/label&gt;
&lt;label&gt;Category&lt;select name="select" id="tb_catg"&gt;
  &lt;option value=""&gt;&lt;/option&gt;
  &lt;/select&gt;&lt;/label&gt;
&lt;label&gt;Description
&lt;textarea cols="" rows="" name="tb_desc" id="tb_desc" &gt;&lt;/textarea&gt;&lt;/label&gt;
&lt;/div&gt;
&lt;div class="twiteraccountinfobox"&gt;
&lt;label&gt;Name&lt;input type="text" name="tb_twaccount" id="tb_twaccount" /&gt;&lt;/label&gt;
&lt;div style="margin-top:20px;"&gt;&lt;input type="button" id="submitapp" value="Submit Application" /&gt;&lt;/div&gt;
&lt;div id="response" style="display:none;"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>
 
</p>
