title: Get all td id's from a table
body: <p>Fellow programmers, I am trying to grab the id's from all td's that I have. I want an event listener recognizes what td I am clicking. I cant figure out how to do it here is my code.</p>
  
  <p>jQuery:</p>
  
  <pre><code>    $("td").click(function() {
          var HYUTS = $("td").attr("id");
          var data = $("#data").val(HYUTS);
      });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table id="tables"&gt;
  &lt;thead&gt;&lt;input id="data" type="text"&gt;&lt;/thead&gt;
     &lt;tr&gt;
          &lt;td id="1"&gt;1&lt;/td&gt;
          &lt;td id="2"&gt;2&lt;/td&gt;
          &lt;td id="3"&gt;3&lt;/td&gt;
          &lt;td id="clear"&gt;C&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td id="4"&gt;4&lt;/td&gt;
          &lt;td id="5"&gt;5&lt;/td&gt;
          &lt;td id="6"&gt;6&lt;/td&gt;
          &lt;td id="divide"&gt;/&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td id="7"&gt;7&lt;/td&gt;
          &lt;td id="8"&gt;8&lt;/td&gt;
          &lt;td id="9"&gt;9&lt;/td&gt;
          &lt;td id="multiply"&gt;*&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td id="0"&gt;0&lt;/td&gt;
          &lt;td id="add"&gt;+&lt;/td&gt;
          &lt;td id="subtract"&gt;-&lt;/td&gt;
          &lt;td id="equals"&gt;=&lt;/td&gt;
      &lt;/tr&gt;
  </code></pre>
  
  <p></p>
  
  <p>Thanks.</p>