title: Hide elements with jquery using selector
body: <p>6 questions in 1. Say i have this:</p>
  
  <pre><code>&lt;body&gt;
      &lt;form&gt;
          &lt;h3&gt;blah&lt;/h3&gt;
          &lt;table&gt;
              &lt;tr&gt;
                  &lt;th&gt;Input 1:&lt;/th&gt;
                  &lt;td&gt;&lt;input type="text" id="some-input-a" name="some-input-a" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Input 2:&lt;/th&gt;
                  &lt;td&gt;&lt;input type="text" id="other-input" name="other-input" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
          &lt;h3&gt;blah&lt;/h3&gt;
          &lt;table&gt;
              &lt;tr&gt;
                  &lt;th&gt;Input 3:&lt;/th&gt;
                  &lt;td&gt;
                      &lt;select name="my-select" id="my-select"&gt;
                          &lt;option value="1"&gt;My 1&lt;/option&gt;
                          &lt;option value="c"&gt;Your f&lt;/option&gt;
                          &lt;option value="m"&gt;This g&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Input 4:&lt;/th&gt;
                  &lt;td&gt;&lt;input type="password" id="pass-input" name="next-input" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Input 5:&lt;/th&gt;
                  &lt;td&gt;&lt;input type="password" id="pass-confirm" name="pass-confirm" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
          &lt;h3&gt;blah&lt;/h3&gt;
          &lt;table&gt;
              &lt;tr&gt;
                  &lt;th&gt;Input 6:&lt;/th&gt;
                  &lt;td&gt;&lt;input type="text" id="next-one" name="next-one" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Input 7:&lt;/th&gt;
                  &lt;td&gt;&lt;input type="text" id="more-inputs" name="more-inputs" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Input 8:&lt;/th&gt;
                  &lt;td&gt;&lt;input type="text" id="form-input" name="form-input" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Input 9:&lt;/th&gt;
                  &lt;td&gt;&lt;textarea name="description" id="description" rows="5" cols="30"&gt;&lt;/textarea&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Input 10:&lt;/th&gt;
                  &lt;td&gt;&lt;input type="text" id="input-10" name="input-10" /&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Is there an easy way to hide:</p>
  
  <ol>
  <li>The third table completely</li>
  <li>The row where the Textarea is</li>
  <li>The row with the element who's ID is "description"</li>
  <li>The 2nd row of the 3rd table</li>
  <li>The 3rd <code>&lt;h3&gt;</code></li>
  <li>The fifth input label</li>
  </ol>
  
  <p>Using selectors</p>