how to add events dynamically using jquery

[ammuhere]

in my project i m creating html DOM elements dynamically using JQUERY.
All the data that required for creating are in JSON structure.
eg:

[ 
{ 
"node": "INPUT", 
"id": "BTN", 
"onclick": "alert("hi")", 
"type": "button" 
} 
]

so whatever passing to the function as event name should be add to the element.

I tried to add events to the HTML DOM variable as shown below

 
jQuery(DOMelem).bind("onclick", alert(hi));

DOMelem is the HTML element that created dynamically using jquery. i need to bind the events to this.

but im getting error while executing this.

 
<TR id=1x1x1x1x1 jQuery171010988482103845665="1"></TR>

any idea why it happens?

[Galway]

"Hi" needs to be in quotes in your alert for starters.

[DanInMA]

please show an example of the DOMelem variable.
Also where are you using the json data in this example?
- and What error are you getting? you have shown an empty row element, but no errors.

[ammuhere]

var jsonData = [{
        "node": "INPUT",
        "id": "1x1x1",
        "onclick": "alert('hi')",
        "type":"button"
     
    }];
function test(tmp)
{
    alert(tmp)
}
    DOMelem = document.createElement(jsonData[0].node);
    jQuery(DOMelem).attr("type",jsonData[0].type);
    jQuery(DOMelem).attr("id",jsonData[0].id);
    $("body").append(DOMelem );
    $("#" + DOMelem.id).bind("click",test(1));

this is a sample code.

i dont know how to attach event to a dynamically created element.
so in my code in the page load itself the function test will called but not while clicked on the button.