I have the following table:

```
<table class="table table-striped" id="table_tran">
    <thead>
        <th>Transformations</th>

    </thead>
        <tbody>

            <tr>
        </tbody>
    </table>

```

This table is filled with generated tds when a user do something.What i want is when a user click on a generated td to show the text of the td he clicked on.I am using the following javascript code:

```
$("#table_tran td").on("click",function(){
    alert($(this).html())
});

```

This code won't work on generated tds.Any ideas?
If i use this:

```
 <table class="table table-striped" id="table_tran">
        <thead>
            <th>Transformations</th>

        </thead>
            <tbody>

                <tr><td>fxfjjf</td>
            </tbody>
        </table>

```

The code will work only for the td "fxfjjf"