laravel 5.8 bootstrap not working in Jquery - html

Question

i am using https://developer.snapappointments.com/bootstrap-select/examples/
its working fine in view but when i using this in Jquery below code its not working. help me to fix this.
view code
<table id="tableAppointment" style="background-color:powderblue;">
<tr>
<th style="text-align:center;" colspan="1">NAME</th>
<th style="text-align:center;" colspan="1">HSN/SAC</th>
<th><i class="glyphicon glyphicon-plus">ADD</i></th>
</tr>
<tr>
<td >
<select class="selectpicker" data-live-search="true" name="product_name[]">
<option value=""></option>
#foreach ($addnewitem as $key=>$addnewitems)
<option >{{$addnewitems->product_name}}</option>
#endforeach </select>
</td>
<td >
<select class="selectpicker" data-live-search="true" name="part_no[]">
<option value=""></option>
#foreach ($addnewitem as $key=>$addnewitems)
<option >{{$addnewitems->part_no}}</option>
#endforeach </select>
</td>
<td><i class="glyphicon glyphicon-remove">REMOVE</i></td>
</tr>
</table>
<script type="text/javascript">
$('.addRow').on('click',function(){
addRow();
});
function addRow()
{
var tr='<tr>'+
'<td ><select class="selectpicker" data-live-search="true" name="product_name[]"><option
value=""></option> #foreach($addnewitem as $key=>$addnewitems)<option >{{$addnewitems->product_name}}</option>#endforeach </select></td>'+
'<td ><select class="selectpicker" data-live-search="true" name="part_no[]"><option value=""></option> #foreach($addnewitem as $key=>$addnewitems)<option >{{$addnewitems->part_no}}</option>#endforeach </select></td>'+
'<td><i class="glyphicon glyphicon-remove">REMOVE</i></td>'+
'</tr>';
$('tbody').append(tr);
};
$('.remove').live('click',function(){
var last=$('tbody tr').length;
if(last==1){
alert("you can not remove last row");
}
else{
$(this).parent().parent().remove();
}
});
</script>

Answer 1

after click $('.addRow') u need to re-render selectpicker
You can force a re-render of the bootstrap-select ui with the render method. This is useful if you programatically change any underlying values that affect the layout of the element.
$(document).on('click','.addRow',function(){
addRow();
$('.selectpicker').selectpicker('refresh');
});