Не удается правильно настроить bootstrap popover

function myFunction() { 
  var input, filter, table, tr, td, i; 
  input = document.getElementById("myInput"); 
  filter = input.value.toUpperCase(); 
  table = document.getElementById("myTable"); 
  tr = table.getElementsByTagName("tr"); 
  for (i = 0; i < tr.length; i++) { 
    td = tr[i].getElementsByTagName("td")[0]; 
    if (td) { 
      if (td.innerHTML.toUpperCase().indexOf(filter) > -1) { 
        tr[i].style.display = ""; 
      } else { 
        tr[i].style.display = "none"; 
      } 
    } 
  } 
} 
$(".popover_link").popover({ 
  html: true, 
  content: function() { 
    return $('#popover-content').html(); 
  } 
}); 
 
$(function() { 
  $('.table tr').click(function() { 
    $(this).find('input:radio').prop('checked', true); 
  }); 
});

.hide { 
  display: none; 
} 
 
#myTable tr { 
  cursor: pointer; 
}

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> 
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet" /> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script> 
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script> 
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> 
<a class="popover_link" data-placement="right" data-toggle="popover" class="popover_link" href="#">btn</a> 
 
<div id="popover-content" class="hide"> 
  <div class="row"> 
 
  </div> 
</div> 
 
 
<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name"> 
<table id="myTable" class="table table-striped tableCardFind"> 
  <tbody> 
    <tr> 
      <td> 
        <label> 
            <input type="radio" name="JurCard" data-card="26002105262001"  data-id="3258" data-name="213" data-inn=""> 
            </label> 
      </td> 
      <td> 
        26002105262001<br> 
        <p class="text_help">213</p> 
      </td> 
    </tr> 
    <tr> 
      <td> 
        <input type="radio" name="JurCard" data-card="26002105262056" data-id="3259" data-name="213" data-inn=""> 
      </td> 
      <td> 
        26002105262056<br> 
        <p class="text_help">213</p> 
      </td> 
    </tr> 
    <tr> 
      <td> 
        <input type="radio" name="JurCard" data-card="26006105387001" data-id="3257" data-name="счет" data-inn=""> 
      </td> 
      <td> 
        26006105387001<br> 
        <p class="text_help">счет</p> 
      </td> 
    </tr> 
  </tbody> 
</table>