title: jQuery .parents([selector]) doesn't work with IE9 and Firefox
body: <pre><code>&lt;html&gt;
  &lt;body&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="application/javascript"&gt;
  
          $(document).ready(function() {
              $("#evaluation_complete").parents("table")[0].remove(); //doesn't work
  
              //this works
              //var EvalComplete = document.getElementById("evaluation_complete");
              //EvalComplete.parentNode.parentNode.parentNode.parentNode.parentNode.removeChild(
                  //EvalComplete.parentNode.parentNode.parentNode.parentNode); 
          });
  
      &lt;/script&gt;
      &lt;p&gt;Testing little code&lt;/p&gt;
      &lt;table&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td class="button-left"&gt;&amp;nbsp;&lt;/td&gt;
                  &lt;td class="button-middle" nowrap="true"&gt;&lt;div
                          style="margin: 0px 0px 1px;"&gt;
                          &lt;a class="button-text" name="evaluation_complete"
                              id="evaluation_complete" href="#"&gt;Evaluation Complete&lt;/a&gt;
                      &lt;/div&gt;&lt;/td&gt;
                  &lt;td class="button-right"&gt;&amp;nbsp;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have no control of how the table is set up. However all I know is the id of the link. My goal is to traverse to the <code>&lt;table&gt;</code> element and remove it from DOM. I've also tried it with <code>closest</code>. The error I get in Firefox and IE9 is that <code>remove</code> is not a function. The commented out block works but is not very dynamic. However, in Chrome, it works flawlessly. Thank you for any help.</p>