title: .remove() does not remove element from the dom
body: <p>I want to remove an element from the dom using its id </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="no-js"&gt;
       Sorry for the inconvenience&lt;br/&gt;
       Your browser does not support javascript or it must be  disabled.&lt;br/&gt;
       To access the features of our website&lt;br/&gt;&lt;br/&gt;
       Enable your javascript or upgrade to the browser that supports javascript.
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code> var x = $("#no-js"); 
   console.log(x.html());
   x.remove(); // does not remove the element from dom why?
   console.log(x.html()); // it displays html content inside it
   console.log(x.length); // results 1 
   x.empty(); // removes the child elements, working as expected
   console.log(x.html()); // html content is empty
   console.log(x.length); // length is 1
  </code></pre>
  
  <p><code>.remove()</code> does not seem to work as expected ?
  This is the fiddle
  <a href="http://jsfiddle.net/QGsza/14/" rel="nofollow">http://jsfiddle.net/QGsza/14/</a></p>