displaying data in modal using ajax in codeigniter not working

    public function select(){
                        
  $id = $this->segments->uri(3);
  $data['details'] = $this->user->selectdetails($id);

  
                        }

public function selectdetails($id) { 
$this->db->select('*'); 
$this->db->where('id', $id); 
$this->db->from('consignments'); 
$query = $this->db->get(); 
$result = $query->result(); 
return $result; 
}

$(".detailsbtn").click(function(e){
  var modal = document.getElementById("details");
        e.preventDefault();
        var id = $(this).attr('id');
        $.ajax({
          type:'POST',
          url:'<?php echo base_url()?>homecontroller/select/'+id,

          success:function(data){
             $('#details').find('.modal-content').html(data);
             $('#details').modal('show');
          }
       });

    });

<td>

  <input id="<?= $val->id?>" class="detailsbtn btn-sm btn-info" type="button" value="<?= $val->awb?>">
  
</td>


   
 <div class="modal-body">
   <div class="container-fluid">
     <div class="row">
       <div class="col-md-12">




<?php foreach($details as $de){?>
<?php echo $de->consignee;?>
<?php }?>

       </div>
     </div>
   </div>