title: .remove is not a function
body: <p>This question may be duplicate of any. But, after lot of try I couldn't find the proper solution for this. </p>
  
  <p>This is my code</p>
  
  <pre><code>@Styles.Render("~/Content/css")
  @Scripts.Render("~/bundles/modernizr")
  @Scripts.Render("~/bundles/jquery")
  @Scripts.Render("~/bundles/bootstrap")
  &lt;script&gt;
      $(document).ready(function () {
          var els = document.querySelectorAll('body &gt; *');
          els[els.length - 1].remove(); //getting error here            
      })
  &lt;/script&gt;
  </code></pre>
  
  <p>I don't know why my application is showing error in browser console like</p>
  
  <pre><code>TypeError: els[els.length - 1].remove() is not a function
  </code></pre>
  
  <p>When i can run same function in browser console window and it works. but, when i place my code in the page it shows me error like above. I have also tried to call <code>.removeNode(boo)</code> method but, it was also not working. Actually when i try to write <code>ele[].remove()</code> in the code the intellisence doesn't suggest me that function. </p>