title: jQuery issue while submitting the form
body: <p>The problem that I'm facing is when I click on the submit button in the form. It's not validating but directly posting to the php script but when I click on text boxes it's validating perfectly. I need to validate the form before submission.</p>
  
  <p>Javascript Code</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      //Begin of Ready document
      $(document).ready(function () {
  
              $("#fname").blur(function(){
  
                  if($("#fname").val() == "" ){
  
                      $("#fname").focus();
                      $("#fvalid").html("First Name Cannot be Blank");
                      return false;
  
                  }else{
                      $("#fvalid").html("");
                      return true;
                  }
  
              });
  
              $("#lname").blur(function(){
  
                  if($("#lname").val() == "" ){
  
                      $("#lname").focus();
                      $("#lvalid").html("Last Name Cannot be Blank");
                      return false;
  
                  }else{
                      $("#lvalid").html("");
                      return true;
                  }
  
              });
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML Code</p>
  
  <pre><code>&lt;table class="content" cellspacing="0" cellpadding="0" align="center" style="padding-top:20px;"&gt;
      &lt;tr&gt;
          &lt;td class="contentfont"&gt;First Name&lt;span class="sup"&gt;*&lt;/span&gt;&lt;/td&gt;
          &lt;td class="contentfont"&gt;:&lt;/td&gt;
          &lt;td&gt;&lt;input type="textbox" name="fname" class="textbox" id="fname"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="3"&gt;&lt;span id="fvalid" class="failed"&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="contentfont"&gt;Last Name&lt;span class="sup"&gt;*&lt;/span&gt;&lt;/td&gt;
          &lt;td class="contentfont"&gt;:&lt;/td&gt;
          &lt;td&gt;&lt;input type="textbox" class="textbox" name="lname" id="lname"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="3"&gt;&lt;span id="lvalid" class="failed"&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td align="center" colspan="3"&gt;&lt;input type="submit" name="submit" class="register" value="Register Now" id="submit"&gt;&lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr&gt;
          &lt;td align="center" colspan="3"&gt;&lt;input type="submit" name="submit" class="register" value="Register Now" id="submit"&gt;&lt;/td&gt;
      &lt;/tr&gt;
  
  &lt;/table&gt;
  </code></pre>
  
  <p>Can some one please help fix this?</p>