title: jQuery hide rows from table
body: <p>I am new using jQuery, and I am trying to hide rows from a table like that:</p>
  
  <pre><code>&lt;table border="1" width="100%" id="table1"&gt;
          &lt;tr&gt;
              &lt;td style="text-align: center"&gt;
              First Row   
              &lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td style="text-align: center"&gt;
              Second row  
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style="text-align: center"&gt;
              Thrid row   
              &lt;/td&gt;
          &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I am trying to hide the first and the 3erd row from table, how can I do it? I am trying but I cannot achieve my goal with this code:</p>
  
  <pre><code>$('#table1 tr').hide()
  </code></pre>