title: Refresh Bootstrap-table
body: <p>The problem is that I cannot make the table (<code>bootstrap-table</code>) update the data after completion of the registration. I'm trying to do it via JS, but without success. I've tried the following:</p>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$.post($form.attr('action'), $form.serialize(), function (result) {
      if (result.status == "true") {
          $(location).attr('href', result.acao.url);
      } else {
          $('#cargo').formValidation('resetForm', true)
          $('#cadastroCargo').modal('hide')
          //ATTEMPT  REFRESH BOOTSTRAP-TABLE:
          $('#teste').bootstrapTable('refresh')
      }
  }, 'json');
  </code></pre>
  
  <p><strong>HTML/PHP</strong></p>
  
  <pre><code>    &lt;button class="btn btn-primary pull-right btn-import-user btn-sm" data-toggle="modal" data-target="#cadastroCargo"&gt;Novo Cadastro&lt;/button&gt;
  
  &lt;!-- Modal --&gt;
  &lt;div class="modal fade" id="cadastroCargo" tabindex="-1" data-keyboard="false" data-backdrop="static" role="dialog" aria-labelledby="cargoLabel"&gt;
      &lt;div class="modal-dialog" role="document"&gt;
          &lt;div class="modal-content"&gt;
              &lt;form id="cargo" action="Cargo/inserir" method="POST" enctype="multipart/form-data" autocomplete="off"&gt;
                  &lt;div class="modal-header"&gt;
                      &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
                      &lt;h4 class="modal-title" id="cargoLabel"&gt;Cadastrar Cargo&lt;/h4&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-body"&gt;
                      &lt;fieldset&gt;
                          &lt;div class="form-group"&gt;
                              &lt;label class="modal-font-body control-label"&gt;Informe o Cargo&lt;/label&gt;
                              &lt;input name="titulo" type="text" class="form-control input-sm" id="titulo" data-minlength="4" size="35" value="&lt;?= @$cargo-&gt;titulo ?&gt;" data-error="Por favor, preencha este campo corretamente!" required&gt;
                              &lt;input type="hidden" name="id"  value="&lt;?= @$cargo-&gt;id ?&gt;"&gt;
                              &lt;input type="reset" id="configreset" value="reset" hidden&gt;
                          &lt;/div&gt;
                          &lt;div id="mensagemSucesso" class="alert alert-success alerta-sucesso" hidden&gt;&lt;/div&gt;
                      &lt;/fieldset&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-footer"&gt;
                      &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Fechar&lt;/button&gt;
                      &lt;input type="submit" id="salvar" value="Salvar" name="salvar" class="btn btn-primary"&gt;
                  &lt;/div&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt; 
  
  &lt;table id="teste" name="teste" class="table table-striped" data-toggle="table" data-search="true" data-show-refresh="true" data-show-columns="true"
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th class="th-small" data-align="left" data-sortable="true"&gt;ID&lt;/th&gt;
              &lt;th data-align="left" data-sortable="true"&gt;Nome&lt;/th&gt;
              &lt;th class="th-small"&gt;Ações&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;?php
          foreach ($cargo as $key =&gt; $v) {
          ?&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;?= $v-&gt;id ?&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;?= $v-&gt;titulo ?&gt;&lt;/td&gt;
                  &lt;td&gt;
                      &lt;div class="dropdown"&gt;
                          &lt;button class="btn btn-default dropdown-toggle" type="submit" data-toggle="dropdown"&gt;... &lt;span class="caret"&gt;&lt;/span&gt;&lt;/button&gt;
                          &lt;ul class="table-modal dropdown-menu"&gt;
                              &lt;li&gt;&lt;a data-remote="Cargo/page/visualizar/&lt;?= $v-&gt;id ?&gt;" role="button" data-toggle="modal" data-target="#select-modal"&gt;Visualizar&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a data-remote="Cargo/page/alterar/&lt;?= $v-&gt;id ?&gt;" data-toggle="modal" data-target="#editarIdade"&gt;Editar&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;  
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;?php } ?&gt;
      &lt;/tbody&gt;        
  &lt;/table&gt;
  </code></pre>