将val附加到输入框-JS

Question

使用下面的代码，我搜索一个客户的编号并选择该客户。现在，当选择一个客户端时，该客户端的名称将显示在ID为cust_name的输入框中。

但是使用ID为phone-search的输入框时，不会显示客户的电话号码。

PS：我使用ID为phone-search的输入框搜索客户端，并且选择了client时，输入框将清除。

如何通过使ID为phone-search的输入框的值成为所选客户端的电话号码来解决此问题？

JS和HTML

 $.get("main-search-autocomplete", function(data){
            $("#phone-search").typeahead({
                "items": "all",
                "source": data,
                "autoSelect": false,
                displayText: function(item){
                    console.log(item.phone);
                     return item.phone;
                },
                updater: function(item) {
    
                       $('#phone-search').val(item.phone);
                      $('#cust_name').val(item.name);
               }
             });
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" autocomplete="off" name="customer_phone" id="phone-search" class="form-control square" placeholder="Customer Phone Number" required>


      <input type="text" name="customer_name" id="cust_name"  class="form-control square" placeholder="Customer Name" required>