Quisiera saber cómo crear un autocomplete en el placeholder de un input, en mi ejemplo solo muestra los datos y autocompleta pero quisiera que esos mismos datos se muestre en el placeholder. Cómo se muestra en la imagen
Este es mi código
function Datas() {
$.ajax({
url: "Datas",
dataType: "JSON",
success: function (data) {
console.log(data);
var Datasarray = [];
for (var i = 0; i < data.length; i++) {
Datasarray .push(data[i].LockNumber)
}
$("input#filterData").autocomplete(
{
source: Datasarray ,
selectFirst: true,
minLength: 3
}
);
}
})
}
<div class="input-group col-lg-4" style="height:50%;">
<input name="filterData" type="text" id="filterData" class="form-control input-primary" placeholder="Buscar Datos" />
<span class="input-group-btn">
<button class="btn btn-info" type="submit" id="filter" >Buscar</button>
</span>
</div>