title: How do I change a specific TD's background color on click with JavaScript/jQuery?
body: <p>I have a <code>&lt;td style="background-color:white"&gt;&lt;/td&gt;</code>.</p>
  
  <p>I want to make it so that when I click inside that <code>td</code>, the background-color changes to black. How do I accomplish this with jQuery? Is it onmousedown event or click event?</p>
  
  <p>With normal JavaScript I tried:</p>
  
  <pre><code>&lt;td style="background-color:white" onclick="$(this).onmousedown('background-color','black')"&gt;SomeText&lt;/td&gt;
  </code></pre>
  
  <p>...but it didn't work...</p>