title: Hide an element in the tables first row
body: <p>I have the following table </p>
  
  <pre><code>&lt;table id="mytable"&gt;
    &lt;tr&gt;
       &lt;td&gt;name&lt;/td&gt;
       &lt;td&gt;
         &lt;a id="button1" class="button"&gt;link&lt;/a&gt;
       &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
       &lt;td&gt;name2&lt;/td&gt;
       &lt;td&gt;
         &lt;a id="button2" class="button"&gt;link&lt;/a&gt;
       &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I want to hide the first row first column button using jQuery, but I'm not sure how to do that, but I was manage to do the following (to make the first tr font italic).</p>
  
  <pre><code>$(document).ready(function() {
    $("#mytable tr:first").css("font-style", "italic");
  });
  </code></pre>