title: JQuery: How to select tr in tbody containing col elements?
body: <p>I am trying to hide the rows of a table inside a table body containing col tags but I am not able to do it. If I remove the col tags from the tbody, the code works perfectly .I have a HTML code as follows</p>
  
  <pre><code>&lt;table&gt;
      &lt;tbody id="fbody"&gt;
          &lt;col width="10px"&gt;&lt;/col&gt;
          &lt;col width="10px"&gt;&lt;/col&gt;
          &lt;tr&gt;
              &lt;td&gt;foo&lt;/td&gt;
              &lt;td&gt;bar&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;fooo&lt;/td&gt;
              &lt;td&gt;baar&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>and javascript as follows</p>
  
  <pre><code>$(document).ready(function () {
     $("#fbody").find("tr").hide();
  });
  </code></pre>
  
  <p>Here is the link for the <a href="https://jsfiddle.net/sachinbr/eb9wnkzx/9/" rel="nofollow">jsfiddle</a></p>
  
  <p>Can any one let me know how I can get the tr objects inside a tbody containing col tags?</p>