title: jQuery hiding all trs or tds not just one
body: <p>I am trying to compare a date from an input field to the ones displayed in my table. However, when matched, it hides all tds and erases the column, if I use the .parent() it hides all trs when matches so I have an empty table.</p>
  
  <p>jQuery : </p>
  
  <pre><code>$('[name="dateFrom"]').on("change", function () {
      var dateFrom = new Date($(this).val());
      var conditionDateFrom = $('td[name="tdDateFrom');
      conditionDateFrom.hide();
      conditionDateFrom.filter(function () {
          return dateFrom &lt; new Date(conditionDateFrom.html());
      }).show();
  
  });
  </code></pre>
  
  <p>input:</p>
  
  <pre><code>&lt;input name="dateFrom" type="date" value="2016-01-01" /&gt;
  </code></pre>
  
  <p>the td I am trying to match</p>
  
  <pre><code>&lt;td name="tdDateFrom"&gt;{{ a.StartDate | date:'longDate'}}&lt;/td&gt;
  </code></pre>
  
  <p>I just want to hide the one tr where it matches the td.</p>
  
  <p>Thanks</p>
  
  <hr>
  
  <p>Cannot get a jsfiddle to work but here is a screen of the console + table</p>
  
  <p>The table: <a href="http://imgur.com/BWecBdn" rel="nofollow">http://imgur.com/BWecBdn</a></p>
  
  <p>The console when logging  <a href="http://imgur.com/bMwGDpd" rel="nofollow">http://imgur.com/bMwGDpd</a></p>
  
  <pre><code>        var test = new Date(conditionDateFrom.html());
          console.log(test);
  </code></pre>
  
  <p>Only seems to be checking the condition of the first tr?</p>
  
  <hr>
  
  <p>JSFiddle <a href="https://jsfiddle.net/jp3jf25a/" rel="nofollow">https://jsfiddle.net/jp3jf25a/</a> similar to my code, however for me the table is being affected, cannot get it to work on the fiddle</p>