title: how to submit form using $.post without page redirection when bootstrap validation is success?
body: <p>using <em>bootstrap validator</em>; Validation On Success submit form and trying to write response in <code>#announcement-content</code> div</p>
  
  <p><strong>Issue: On Validation Success when <code>#announcementpublishbtn</code> Submit button click Form Posted using <code>$.post</code> and its redirected to <code>#announcementpublishform</code> form action URL</strong></p>
  
  <p>Is there anyway better way to Submit form through POST? my requirement is post form to action URL and write response in the same page <code>#announcement-content</code> div without redirection. </p>
  
  <pre><code>$('#announcementpublishform').bootstrapValidator({
              message: 'This value is not valid',
              feedbackIcons: {
                  valid: 'glyphicon glyphicon-ok',
                  invalid: 'glyphicon glyphicon-remove',
                  validating: 'glyphicon glyphicon-refresh'
              },
              fields: {
                  ...
              }
          }).on('success.form.bv', function(e){
              $("#announcementpublishbtn").click(function(event){ 
                  event.preventDefault(); 
                  var $form = $("#announcementpublishform"), url = $form.attr('action'); 
                  $.post(url,$form.serialize()).done(function(dte){ $("#announcement-content").html(dte); });
              });
          });
  </code></pre>
  
  <p>Here is my Actual HTML form</p>
  
  <pre><code>&lt;form role="form" method="POST" action="&lt;?php echo $_SERVER['PHP_SELF']; ?&gt;" name="announcementpublishform" id="announcementpublishform" class="form-horizontal"&gt;
          &lt;div class="box-body"&gt;
              &lt;div class="form-group"&gt;
                  &lt;div class="col-xs-2"&gt;
                  &lt;label for="anuncmttitle" class="pull-right"&gt;Title&lt;/label&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-10"&gt;
                  &lt;input type="text" class="form-control" id="anuncmttitle" name="anuncmttitle" placeholder="Enter Title for Announcement"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;div class="col-xs-2"&gt;
                  &lt;label for="anuncmtcontent" class="pull-right"&gt;Content&lt;/label&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-10"&gt;
                  &lt;textarea id="anuncmtcontent" name="anuncmtcontent" class="form-control" placeholder="Announcement to Publish" style="height: 120px;"&gt;&lt;/textarea&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;div class="col-xs-2"&gt;
                  &lt;label for="anuncmtdate" class="pull-right"&gt;Date&lt;/label&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-10"&gt;
                  &lt;div class="input-daterange input-group" id="datepicker"&gt;
                      &lt;input type="text" class="input form-control" name="start" placeholder="Select From Date" /&gt;
                      &lt;span class="input-group-addon"&gt;to&lt;/span&gt;
                      &lt;input type="text" class="input form-control" name="end" placeholder="Select To Date" /&gt;
                  &lt;/div&gt;  
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;div class="col-xs-2"&gt;
                  &lt;label for="anuncmtby" class="pull-right"&gt;Announcement by&lt;/label&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-10"&gt;
                  &lt;input type="text" class="form-control" id="anuncmtby" name="anuncmtby" placeholder="Enter Announcement Proposed by (Ex: Staff Name or Department Name or Team Name) "&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="box-footer"&gt;
              &lt;button type="submit" class="btn btn-success" id="announcementpublishbtn"&gt;Publish&lt;/button&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  </code></pre>