title: Form is not submitting in jQuery ajax success
body: <p>I am making a simple form of single text input.I want to cross check from db that is it exist or not.So my html is </p>
  
  <pre><code>&lt;form action="zoneAdd" method="post"  id="zoneAdd" name="zoneAdd"&gt;
              &lt;div class="box-body"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label&gt;Zone Name&lt;span id="required"&gt;*&lt;/span&gt;&lt;/label&gt;
                      &lt;input type="text" class="form-control" name="zone_name" id="zone_name" placeholder="Enter Zone Name" /&gt;
                      &lt;span id="zone_name_error"&gt;&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;&lt;!-- /.box-body --&gt;
              &lt;div class="box-footer"&gt;
                  &lt;input type="submit" class="btn btn-primary btn-flat btn-sm" name="submit" value="Submit"/&gt;
              &lt;/div&gt;
          &lt;/form&gt;
  </code></pre>
  
  <p>and my javasript is </p>
  
  <pre><code> $('document').ready(function(){
      $("[name=submit]").click(function(e){
           e.preventDefault();
          if ($('#zone_name').val().length &lt;= 0) {
              $('#zone_name').addClass("errMsg");
              $('#zone_name_error').addClass("errMsgDngr");
              $('#zone_name_error').html('Please enter Zone name!');
              //isStepValid = false;
          }
          else if(!$('#zone_name').val().match(/^[a-zA-Z\s-, ]+$/)){
              $('#zone_name').addClass("errMsg");
              $('#zone_name_error').addClass("errMsgDngr");
              $('#zone_name_error').html('Please use only alphabats!');
              //isStepValid = false;
          }else{
              var data = {'zone':$('#zone_name').val()}
              $.ajax({
                  type:"post",
                  data:data,
                  url:"&lt;?php echo site_url('zone/checkZoneName');?&gt;",
                  success:function(err){
                      if(err == 0)
                      {
                          console.log('hello');
                          $('#zone_name_error').html('');
                          $('#zone_name_error').removeClass("errMsg");
                          $('#zone_name_error').removeClass("errMsgDngr");
                          //document.forms["zoneAdd"].submit();
                          $('form#zoneAdd').submit();
                          //console.log($('form#zoneAdd').submit());
                      }
                      else
                      {
                          $('#zone_name').addClass("errMsg");
                          $('#zone_name_error').addClass("errMsgDngr");
                          $('#zone_name_error').html('Zone Name already existed!');
                      }
                  }
              });
          }
  
      });
  });
  </code></pre>
  
  <p>every thing is going right. My problem is my form is not submit in ajax success</p>