title: make table rows clickable using jQuery
body: <p>In an ASP.NET web page, I have a table that shows results from a database query. In the same page, I have a form that adds a row to the database as well as displays the row at the end of table. I used jQuery ajax to insert the record to the database and if it's successful then I created a <code>&lt;tr&gt; &lt;td&gt; ... &lt;/td&gt; &lt;/tr&gt;</code> element and appended this element to the table using jQuery. This works fine. Now I want to make the table rows clickable. I tried it using
      <code>$('#table-name tr').click(function () { 
       alert ("hello");
          });</code></p>
  
  <p>Click function doesn't work for the rows that I added using the form. Is there any workaround? How can I make all rows clickable?</p>