title: JQuery hide function works for th but not td
body: <p>I'm using the following code:
  This is html table:</p>
  
  <pre><code>    &lt;table id="preTbl"&gt;
         &lt;tr&gt;
           &lt;th&gt;Type&lt;/th&gt;
           &lt;th&gt;Origin&lt;/th&gt;
           &lt;th&gt;Count&lt;/th&gt;
           &lt;th&gt;Age Range&lt;/th&gt;
           &lt;th&gt;Gender&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr ng-repeat="row in returnData" class="centered"&gt;
             &lt;td&gt;{{ row.TypeName }}&lt;/td&gt;
             &lt;td&gt;{{ row.Origin }}&lt;/td&gt;
             &lt;td&gt;{{ row.Count }}&lt;/td&gt;
             &lt;td&gt;{{ row.ageRange}}&lt;/td&gt;
             &lt;td&gt;{{ row.gender}}&lt;/td&gt;
        &lt;/tr&gt;
     &lt;/table&gt;
  </code></pre>
  
  <p>My JS function with user clicks search:</p>
  
  <pre><code>$("#preTbl th:nth-child(4)").hide();
  $("#preTbl td:nth-child(4)").hide();
  </code></pre>
  
  <p>The th hides fine, but the td will not hide.</p>