Question

i am modifying the inner html through javascript, and the inner html involves a button
but when i put in the jquery code to run on the button click event it fails to do so ..
sorry but im a newb when it comes to javascript

content im adding into the html ..

function add()
{
    var val=document.getElementById("ans").value;

    document.getElementById("answers").innerHTML+="<tr><td>"+val+"<br/><p align=\"right\"><button class=\"replyb\">replies</button></p>"+"</td></tr>";

    document.getElementById("ans").value="";
}

jquery code …

enter code here

Answer 1

Add the following in your page at some place and it will handle clicks to all .replyb buttons whether you add them with javascript at any time, or not.

$(function(){

    $('button.replyb').live('click', function(){
      alert('clicked on button');
    });

});

have a look at jquery .live() method