title: how add event Click for dynamic tr in table
body: <p>i have html table and add in table row in runtime. i want to add to new tr(dynamic tr) add <strong>ClickEvent</strong>
  i write this code, but it's not work</p>
  
  <p>$("#GridView1 tbody tr").click(function (e) {</p>
  
  <pre><code>                var id = $(this).find(".lbl").text();
                  workOrderId = id;
                  //  $("#gridtbl tr").remove();
                  $.ajax({
                      url: "PublicHandler.ashx",
                      contentType: "application/json; charset=utf-8",
                      data: { workOrderId: id },
                      success: function (data) {
                          var grd = $("#gridtbl");
                          $.each(data, function (i, b) {
                              var str = "&lt;tr&gt;";
                              str += "&lt;td style='display: none;'&gt;" + b.WorkId + "&lt;/td&gt;";
                              str += "&lt;td&gt;" + b.WorkName + "&lt;/td&gt;";
                              str += "&lt;td&gt;" + b.SectionName + "&lt;/td&gt;";
                              str += "&lt;td&gt;" + b.SectionSupervisor + "&lt;/td&gt;";
                              if (b.RequestCount == null) {
                                  str += "&lt;td&gt;" + " " + "&lt;/td&gt;";
                              } else {
                                  str += "&lt;td&gt;" + b.RequestCount + "&lt;/td&gt;";
                              }
  
                              str += "&lt;td&gt;" + " " + "&lt;/td&gt;";
  
                              str += "&lt;/tr&gt;";
                              $(str).click(function () {
                                  alert("hiiiiiiiiiii");
  
                              }).end().appendTo("#gridtbl tr");
                              // grd.append(str);
  
                          });
                      },
                      dataType: "json"
  
                  });
                  popup(e);
              });
  </code></pre>