Jquery form submit() call back not working
<p>I have an iframe and a form. Form's target is iframe. When I submit form, the result page should load in iframe. I have attached the code below:</p>

<pre><code>&lt;html&gt;
&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"&gt;&lt;/script&gt;
 &lt;script type="text/javascript"&gt;

 function submitForm() {
 $("form#testForm").submit(function(){
   alert('hii')
  });
}
&lt;/script&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;iframe name="testFrame" id="testFrame" frameborder="1" scrolling="no" width="500"     height="200"&gt;&lt;/iframe&gt;
&lt;form name="testForm" id="testForm" action="http://www.yahoo.com" target="testFrame"&gt;    &lt;/form&gt;

&lt;button name="testBtn" value="submit" onclick="submitForm();"&gt;submit&lt;/button&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>The alert is not coming....Help me please...</p>
