URGENTE: Como soluciono este problema

Quiero que el boton use lo que se pone en el input para realizar la busqueda.

HTML



<div class="col-xs-4">
<input type="text" name="buscar" id="buscar" class="form-control" " placeholder="Ingrese nombre o descripcion"/>
<button id="boton" onclick="lista_libros(this.values);">Buscar</button>
</div>


PHP

<?php
class libros
{
private $conexion;
public function __construct()
{
require_once('conexion.php');
$this->conexion= new conexion();
$this->conexion->conectar();
}

function lista_libros($valor)
{
$sql="SELECT * FROM libros WHERE titulo_libro like '%".$valor."%' or autor_libro like '%".$valor."%'";
$this->conexion->conexion->set_charset('utf8');
$resultados=$this->conexion->conexion->query($sql);
$arreglo = array();
while ($re=$resultados->fetch_array(MYSQL_NUM)) {
$arreglo[]=$re;
}
return $arreglo;
$this->conexion->cerrar();

}
}

?>


<?php
require_once("../Models/libros.php");
$boton= $_POST['boton'];
if($boton==='buscar')
{
$valor=$_POST['valor'];
$inst = new libros();
$r=$inst ->lista_libros($valor);
//print_r($r);
echo json_encode($r);
}

?>

todo lo tienes que poner en un form:


de esa forma, en tu archivo PHP podrás utilizar $_POST['buscar'] para obtener lo que se ingresó en el input.

Saludos