title: Cleaner faster JavaScript, Replacing jQuery with JavaScript
body: <p>Like many folks I learned JavaScript by learning jQuery.</p>
  
  <p>Lately I have been replacing bits like:</p>
  
  <p><code>$(this).attr('title')</code> with <code>this.title</code> </p>
  
  <p><code>$(this).attr('id')</code> with <code>this.id</code> </p>
  
  <p><code>$(this).val()</code> with <code>this.value</code></p>
  
  <p><code>$(this).parent()</code> with <code>this.parentNode</code></p>
  
  <p><code>$(this).attr('class')</code> with <code>this.className</code></p>
  
  <p>Not only is my code cleaner but <em>technically</em> faster.</p>
  
  <ol>
  <li><p>Is this type of reduction acceptable and encouraged?</p></li>
  <li><p>Are there any other common practices I should be doing in <s>raw</s> plain JavaScript instead of jQuery?</p></li>
  <li><p>Are there any potential cross browser issues with this type of reduction-ism?</p></li>
  </ol>