Raise jQuery click event on every td in tbody

Question 1

try this inside $(document).ready(function(){});

$("#skuOptionsBody td").bind('click', function () {
    alert('clicked!');
});

OR for jquery > 1.7 you can make use of .on()

$("#skuOptionsBody").on('click', 'td', function () {
    alert('clicked!');
});

Question 2

Your code must be in a dom ready handler because you are trying to add the event handlers before the target elements are loaded in the dom

jQuery(function(){
        $("#skuOptionsBody td").click(function () {
            alert('clicked!');
        });
})

Question 3

There is nothing wrong in your code. It is just that you have not added it at correct place. write the code on document ready:

$(document).ready(function(){
$("#skuOptionsBody td").click(function () {
        alert('clicked!');
    });
});

Question 4

I tried your code in jsfiddle and everything seems to be working fine, just put it to some top event, like $(document).ready() function. Heres a link http://jsfiddle.net/lithium182/A5vMj/

jquery:

$("#skuOptionsBody td").click(function () {
        alert('clicked!');
    });

You want to trigger click on a thead cell?

Question 5

Warp your code in document-ready handler because when the code runs it won't find the "skuOptionsBody td" element in the page: the browser will not have parsed that yet.

Code

$(document).ready(function () {
    $("#skuOptionsBody td").click(function () {
        alert('clicked!');
    });
});

OR

Move your <script> tag to the end of the <body>.

OR

Use Event Delegation

Code

$(document).delegate('click', "#skuOptionsBody td", function () {
    alert('clicked!');
});

Question 6

The script for binding executes before elements added to dom, Also use the latest jQuery if possible.

You can put script in document.ready

 $(document).ready(function(){
       $("#skuOptionsBody td").click(function () {
          alert('clicked!');
       });
 });

Use delegated events using on

   $(document).on("click","#skuOptionsBody td", function () {
      alert('clicked!');
   });

Put the script after html elements added to DOM, could be just before ending body tag.

  <body>
    <form id="form1" runat="server">
        <table id="options" border="1">
            <thead>
                <tr>
                    <td>
                        SWEET OPTION
                    </td>
                    <td>
                        DRINK OPTION
                    </td>
                </tr>
            </thead>
            <tbody id="skuOptionsBody">
                <tr>
                    <td style="text-align: center">
                        SO1
                    </td>
                    <td style="text-align: center">
                        DO1
                    </td>
                </tr>
            </tbody>
        </table>
    </form>
    <script type="text/javascript">
        $("#skuOptionsBody td").click(function () {
        alert('clicked!');
        });
    </script>
</body>