Doesn't jQuery('#id') do the same thing as document.getElementById('#id') in javascript?
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/4069982/document-getelementbyid-vs-jquery">document.getElementById vs jQuery</a>  </p>
</blockquote>



<p>I have a function that will take all the spans with a certain class ("jobStatus") and remove an additional class from it ("orange"). I call the function from a SELECT onchange (onchange="chgJobstatus(this);"). It's working great.</p>

<p>However, I'm trying to get it to run on page load, based upon the selected value (this is server-side dynamically generated.)</p>

<p>This will work:</p>

<pre><code>     $(document).ready(function(){
          chgJobstatus(document.getElementById("chgStatus"));
     });
</code></pre>

<p>This will NOT work:</p>

<pre><code>     $(document).ready(function(){
          chgJobstatus(jQuery('#chgStatus'));
     });
</code></pre>

<p>Doesn't jQuery('#id') do the same thing as document.getElementById('#id') ??</p>
