Jquery: add button to cell

Question

How can I insert a button into a table cell using jquery and handle the onclick event for that button?

Thank.

Answer 1

<script>
    function insert(button){
        $(button).appendTo($('td.toinsert'));
    }
</script>
<table>
    <tr>
    <td class="toinsert">inside cell</td>
    </tr>
</table>
<input type="button" onclick="insert(this)" value="button"/>

Also to create a button and add an event to it

<script>
    $(function(){
        $('<input></input>').attr({'type': 'button'}).val("button").click(function(){
            alert('hello');
        }).appendTo($('td.toinsert'));
    });
</script>
<table>
    <tr>
    <td class="toinsert">inside cell</td>
    </tr>
</table>

Answer 2

var button = $("<button>Hi there</button>");
button.click(function() {
    alert("Hi back!");
});
button.appendTo("#tablecell");

http://jsfiddle.net/Fxayf/1/