Datalist tramite ajax: aggiunta di spazio alla pagina HTML

[aasmdaa]

Ho una datalis che così funziona correttamente:

   <input type="text" autocomplete="off" name="cliente" id="cliente" class="full-width" list="clienti-list" />
   <datalist id="clienti-list">
      <option value="uno" />
      <option value="due" />
      <option value="tre" />
   </datalist> 

Poi però popolando con Ajax la datalist tutto funziona correttamente, però vengono aggiunti tanti spazi quanti sono il numero delle option. Al momento ho risolto mettendo un display:none sul datalist, ma non capisco a cosa sia dovuto questo comportamento:

HTML:

   <input type="text" autocomplete="off" name="cliente" id="cliente" class="full-width" list="clienti-list" />
   <datalist style="display:none;" id="clienti-list"></datalist> 

PHP:

    $query = "
        SELECT
            cognome,
            nome,
            id_cliente
        FROM
            clienti
        WHERE
            id_sede = {$_SESSION['id_sede']}
    ";

    $result = mysql_query($query, $db_link) or exit(mysql_error().$query);
    while($row = mysql_fetch_array($result)) {
        echo '<option value="'.$row['cognome'].' '.$row['nome'].' ('.$row['id_cliente'].')" />';
    }