Can't work out simple probem with JQuery
<p>Sorry in advance I think this is probably a really stupid question, I just can't for the life of me work out what I am doing wrong!
The jquerry to make an item have a Shadow ( <a href="http://syddev.com/jquery.shadow/" rel="nofollow">http://syddev.com/jquery.shadow/</a>) doesn't seem to be working. This is what I have tried: </p>

<pre><code>&lt;link rel="stylesheet" type="text/css" href="jquery.shadow.css"&gt;       
&lt;script src="jquery.shadow.js"&gt;&lt;/script&gt;
&lt;script src="jquery-1.5.min.js"&gt;&lt;/script&gt;

&lt;script&gt;
    $('#SHADDOW').shadow({type:'sides', sides:'vt-2'});
&lt;/script&gt;

&lt;tr&gt;
    &lt;td&gt;&lt;a href="http://burdu976.com/" id="SHADDOW" target='_blank'&gt;&lt;img src="Photography8.png" id="SHADDOW" width="700"class="lazy" height="525" /&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>
