title: How does the browser deal with jQuery .remove() and ChildNode.remove()?
body: <p>The scenario:</p>
  
  <ul>
  <li>Application built with jQuery 2.0.1.</li>
  <li>Your team prefers vanilla JavaScript.</li>
  <li>Options are <a href="https://api.jquery.com/remove/" rel="nofollow">jQuery .remove()</a> and <a href="https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/remove" rel="nofollow">ChildNode.remove()</a>.</li>
  <li>You need to remove a node <code>&lt;div id="js-cancel"&gt;&lt;/div&gt;</code>.</li>
  </ul>
  
  <hr>
  
  <pre><code>var jsCancel = document.getElementById('js-cancel');
  
  jsCancel.remove(); 
  </code></pre>
  
  <hr>
  
  <p>Original Question: I'm assuming the browser will use jQuery to remove the element. Is that correct and why?</p>
  
  <p><strong>Updated Question:</strong> Internet Explorer does not support ChildNode.remove(). I'm assuming the browser will be guided by jQuery on what action should occur when it encounters .remove(). For the browsers that support ChildNode.remove(), do they reference jQuery first or skip it and go straight to the DOM API?</p>