Firebug giving jQuery "$ is undefined" error even when jQuery is loaded before the script
<p>OK so I have a WordPress site. It uses quite a few jQuery scripts and jQuery is loaded in the pages' headers. I have a small block of code that should simple add a class to image links. I have placed this at the bottom of the document, just before the <code>&lt;/body&gt;</code> tag.</p>

<pre><code>&lt;script type="text/javascript"&gt;
$.noConflict();
$(document).ready(function () {
$('a[href*=".png"], a[href*=".gif"], a[href*=".jpg"]').addClass('zoom');
});
&lt;/script&gt;
</code></pre>

<p>The script does not work and Firebug is giving me a <code>$ is undefined</code> error. I have checked various similar other question and the answers do not seem to help.</p>

<p>The source page is here: <a href="http://sergedenimes.com/2013/01/bruno-bisang-30-years-of-polaroids/" rel="nofollow">http://sergedenimes.com/2013/01/bruno-bisang-30-years-of-polaroids/</a></p>

<p>I'm sure it is another plugin causing a conflict but I would appreciate any guidance on how to solve this.</p>

<p>Edit: Wow thanks for the very rapid response. Seems it was an earlier plugin rendering <code>$</code> undefined. Replacing with <code>jQuery</code> has solved.</p>
