title: Converting between a jQuery object and a pure js object?
body: <p>What is the difference between the object returned by <code>$('#elementID')</code> and the object returned by <code>document.getElementById('elementID')</code>?</p>
  
  <p>Moreover, how can you easily convert from one to the other? For instance:</p>
  
  <pre><code>$('a').each(function(){
      // How can I access 'this' as a pure javascript object instead of as a jQuery object?
  });
  </code></pre>
  
  <p>This has plagued me for some time now. I know you shouldn't mix the two, really, but I just want to understand the principle.</p>