title: Using jQuery selectors with Javascript functions throwing errors
body: <p>Trying to change from using jQuery for everything and playing around with more native javascript. However, I keep getting problems when trying to use jQuery functions with native selectors and javascript functions with jQuery selectors. </p>
  
  <p>Below is a simple example about my problem (all were run separately):</p>
  
  <pre><code>var text = document.getElementById("text");
  var text2 = $("#text");
  
  text.style.color = "blue"; //this works    
  text.css("color", "blue"); //throws text.css is not a function error
  
  text2.css("color", "blue"); //this works
  text2.style.color = "blue"; //throws Cannot set property 'color' of undefined error
  </code></pre>
  
  <p>I thought that jQuery was just javascript and that you could use native functions and methods with jQuery selectors and vice versa. What am I missing?</p>