title: on page load text color not change jquery
body: <p>hi today i create a html and jquery code for specfic class color change on page load . but its not work on my server . i check it to jsfiddle its working fine can any one explain whats wrong this is code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script type="text/javascript"&gt;
  $('.Pending').css('color', 'red');
  $('.Approved').css('color', 'green');
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;span class="Approved"&gt;Approved&lt;/span&gt;
  &lt;span class="Pending"&gt;Pending&lt;/span&gt;</code></pre>
  </div>
  </div>
  </p>