title: Removing a row from table based on the <td> id using for loop
body: <p>I am having the following table.<br>
      <code>&lt;table&gt;
          &lt;tr&gt;
              &lt;td id="cat1"&gt; cat &lt;/td&gt;
              &lt;td id="dog1"&gt; dog &lt;/td&gt;
              &lt;td id="hen1"&gt;hen &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td id="cat2"&gt; cat &lt;/td&gt;
              &lt;td id="dog2"&gt; dog &lt;/td&gt;
              &lt;td id="hen2"&gt;hen &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td id="cat3"&gt; cat &lt;/td&gt;
              &lt;td id="dog3"&gt; dog &lt;/td&gt;
              &lt;td id="hen3"&gt;hen &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td id="cat4"&gt; cat &lt;/td&gt;
              &lt;td id="dog4"&gt; dog &lt;/td&gt;
              &lt;td id="hen4"&gt;hen &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;</code>  </p>
  
  <p>I need to remove the rows based on  tag 'ID' from the above table.
  Is there any best way tp do so using JavaScript.</p>