title: Raise jQuery click event on every td in tbody
body: <p>I'm trying to raise a click event whenever a user clicks on any <code>td</code> element inside the <code>tbody</code>.This is what I have so far but it's not raising the event, any ideas why?</p>
  
  <pre><code>&lt;head runat="server"&gt;
      &lt;script src="Scripts/jquery-1.4.1.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $("#skuOptionsBody td").click(function () {
              alert('clicked!');
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="form1" runat="server"&gt;
      &lt;table id="options" border="1"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      SWEET OPTION
                  &lt;/td&gt;
                  &lt;td&gt;
                      DRINK OPTION
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody id="skuOptionsBody"&gt;
              &lt;tr&gt;
                  &lt;td style="text-align: center"&gt;
                      SO1
                  &lt;/td&gt;
                  &lt;td style="text-align: center"&gt;
                      DO1
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>Sorry I forgot to mention that I dynamically add rows to the table using jQuery and as I'm adding new rows I need them to be bound to this click event.How can this be done?</p>