title: Bootstrap tooltip/popover stops work after reload specific div using ajax
body: <p>I have an application in ASP.NET MVC 5, in which one the screens are a CRUD made via Ajax. There is also a table to show the infos with buttons to manage them. After I do a action I update the table using the following command: <strong>$('# tbName').load(location.href + '#tbName');</strong> but the tooltips in buttons stop work after the command like you can see in the bellow GIF:
  <a href="https://i.stack.imgur.com/pwO26.gif" rel="nofollow noreferrer">https://i.stack.imgur.com/pwO26.gif</a> <br/>
  <strong>Button code:</strong> </p>
  
  <pre><code>&lt;a href="#" class="btn btn-primary btn-sm waves-effect waves-light" data-toggle="tooltip" title="Editar registro"                                             onclick="getSalario('@salario.Id');"&gt;
    &lt;span class="fa fa-edit"&gt;&lt;/span&gt;
  &lt;/a&gt;   
  </code></pre>
  
  <p><strong>Javascript Ajax code:</strong>
      </p>
  
  <pre><code>     $.ajax({
        url: '@Url.Action("AtualizaSalarioPessoaFisica")',
        type: 'POST',
        dataType: 'json',
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify({ salarioPessoaFisica: salario }),
        success: function (data) {
           $('#modalEditarSalario').modal('hide');
           $('#tbSalario').load(location.href + ' #tbSalario');
        }
      });
  </code></pre>
  
  <p>Could someone help me with this problem?</p>