title: Remove HTML from dom if mobile browser with jQuery
body: <p>Is this possible? I mean, I know you can use <code>display: none;</code> with <code>media queries</code>, but that does not prevent the nodes to be loaded, which is resource intensive. I don't want to hide them, I want to remove them.</p>
  
  <p>That's why I used this:</p>
  
  <pre><code>function removeit() {
      if ($(window).width() &lt; 600) {
       $('html').remove('aside');
      }
  }
  </code></pre>
  
  <p>And put it in the header, but I can't get it to work. What am I doing wrong?</p>
  
  <p>PS: I tried using it with <code>document ready function</code>, but still not working on my <code>iPhone</code>. I keep seeing the <code>aside sidebar</code>.</p>
  
  <p>PS 2: jQuery is loaded in the header, I have tried to put this snippet beneath the jQuery call.</p>