Do not load data

I am populating <table> with ajax, but it does not load anything, nor does it make an error, I tried with an alert the Ajax responses and they are not empty, no parameter is null;

<div id="tb" style="overflow-x: auto;padding-right: 15px;">
    <table id="#tablaPendientes" class="table table-bordered">
        <thead>
            <tr class="thead">
                <th>Cliente</th>
                <th>Monto</th>
                <th>Fecha</th>
                <th>Estado</th>
                <th>Detalles</th>
            </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
    <div id="ttb"></div>
</div>

JS

function nombreFCl(i, ls, c, j) {
    $.ajax({
        url: 'nombreCl',
        type: 'GET',
        data: {id: i},
        success: function (r) {
            var bm = "<button type='button' style='width: 100%' class='btn btn-primary' data-toggle='modal' data-target='#modalDetalle' onclick='detalle(" + ls.factura.idFactura + ")'><i class='fa fa-cogs'></i><label>Detalles</label></button>";
            $("#tablaPendientes").append("<tr><th>" + r.l + "</th><th>" + (ls.factura.montoF - ls.factura.descuentoF) + "</th><th>" + ls.factura.fechaEf + "</th><th>" + ls.factura.estadoF + "</th><th>" + bm + "</th></tr>");

        }
    });
}

Answer