bootstrap table button

[pippuccio76]

ho una tabella creata con bootstrap-table :

<table id="table" class="table table-bordered table-striped table-hover" data-toolbar="#toolbar">
    <thead>
        <tr class="mxn-header-table">
            <th class="text-center" style="" data-field="componenti_nucleo_familiare">
                <div class="th-inner ">Componente</div>
                <div class="fht-cell"></div>
            </th>
            <th class="text-center" style="" data-field="nome_cognome">
                <div class="th-inner ">Nome e Cognome</div>
                <div class="fht-cell"></div>
            </th>
            <th class="text-center" style="" data-field="lavoro_anno_precedente">
                <div class="th-inner ">Lavorato nell'anno precedente</div>
                <div class="fht-cell"></div>
            </th>
            <th class="text-center" style="" data-field="lavoro_anno_attuale">
                <div class="th-inner ">Lavorato nell'anno attuale</div>
                <div class="fht-cell"></div>
            </th>
            <th class="text-center" style="" data-field="tipo_contratto">
                <div class="th-inner ">Tipo contratto</div>
                <div class="fht-cell"></div>
            </th>
            <th class="text-center" style="" data-field="reddito_autonomo">
                <div class="th-inner ">Reddito autonomo</div>
                <div class="fht-cell"></div>
            </th>
            <th class="text-center" style="" data-field="id">
                <div class="th-inner "><i class="icofont-trash"></i></div>
                <div class="fht-cell"></div>
            </th>
        </tr>
    </thead>
    <tbody id="body_table">
        <tr data-index="0">
            <td class="text-center">Dichiarante</td>
            <td class="text-center">pippo baudo</td>
            <td class="text-center">Si</td>
            <td class="text-center">Si</td>
            <td class="text-center">Tempo determinato</td>
            <td class="text-center">0</td>
            <td class="text-center"><button type="button" class="eliminacomponente btn btn-danger" value="17"><i
                        class="icofont-trash"></i></button></td>
        </tr>
        <tr data-index="1">
            <td class="text-center">Coniuge</td>
            <td class="text-center">pippo poppo</td>
            <td class="text-center">Si</td>
            <td class="text-center">Si</td>
            <td class="text-center">Tempo determinato</td>
            <td class="text-center">0</td>
            <td class="text-center"><button type="button" class="eliminacomponente btn btn-danger" value="18"><i
                        class="icofont-trash"></i></button></td>
        </tr>
        <tr data-index="2">
            <td class="text-center">Altro componente del nucleo familiare</td>
            <td class="text-center">ee</td>
            <td class="text-center">Si</td>
            <td class="text-center">Si</td>
            <td class="text-center">Tempo determinato</td>
            <td class="text-center">0</td>
            <td class="text-center"><button type="button" class="eliminacomponente btn btn-danger" value="19"><i
                        class="icofont-trash"></i></button></td>
        </tr>
        <tr data-index="3">
            <td class="text-center">Altro componente del nucleo familiare</td>
            <td class="text-center">ee</td>
            <td class="text-center">Si</td>
            <td class="text-center">Si</td>
            <td class="text-center">Tempo determinato</td>
            <td class="text-center">0</td>
            <td class="text-center"><button type="button" class="eliminacomponente btn btn-danger" value="20"><i
                        class="icofont-trash"></i></button></td>
        </tr>
        <tr data-index="4">
            <td class="text-center">Dichiarante</td>
            <td class="text-center">rosanna pieri</td>
            <td class="text-center">Si</td>
            <td class="text-center">Si</td>
            <td class="text-center">Tempo determinato</td>
            <td class="text-center">0</td>
            <td class="text-center"><button type="button" class="eliminacomponente btn btn-danger" value="21"><i
                        class="icofont-trash"></i></button></td>
        </tr>
        <tr data-index="5">
            <td class="text-center">Altro componente del nucleo familiare</td>
            <td class="text-center">hhhh</td>
            <td class="text-center">Si</td>
            <td class="text-center">Si</td>
            <td class="text-center">Tempo determinato</td>
            <td class="text-center">0</td>
            <td class="text-center"><button type="button" class="eliminacomponente btn btn-danger" value="22"><i
                        class="icofont-trash"></i></button></td>
        </tr>


    </tbody>
</table>

negli script js ho :

$( ".eliminacomponente" ).click(function() {




    var id_componente = $(this).val();


    console.log('!'+id_componente);


});

Perchè quando premo su un pulsante in console non appare niente ?

edit messo il codice del js nel document ready funziona...