title: how to remove specified rows of a table in jQuery
body: <p>I have a table with a header and some rows. Each row has its own group, and sometimes they could be similar with the previous group codes.<br>
  Also, I have a drop-down list that contains groups IDs. I want to show just the rows that are equal with the drop-down list current value.<br>
  For example this is my table <code>id="myTable"</code>:
  <img src="https://i.stack.imgur.com/9EpC0.png" alt="enter image description here"></p>
  
  <p>and this is my drop-down:  </p>
  
  <pre><code>&lt;select id="groups" name="groups"&gt;
     &lt;option value="1"&gt;1&lt;/option&gt;
     &lt;option value="2"&gt;2&lt;/option&gt;
     &lt;option value="3"&gt;3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I need to remove 2nd and 3rd row when user change the current selected item of drop-down to 1.
  How can I do it using jQuery ?</p>