Script not working in wordpress <p>I would like to move the following page</p> <p><a href="http://cliponexpress.com/customize-your-clipon.html" rel="nofollow">http://cliponexpress.com/customize-your-clipon.html</a></p> <p>Into this wordpress page</p> <p><a href="http://cliponexpress.com/customizeit/" rel="nofollow">http://cliponexpress.com/customizeit/</a></p> <p>The script below changes the images when the thumbnails are clicked. it works fine on the html page, however I can't get it to work on wordpress, no matter where I place it (tried header, footer and within the page itself).</p> <p>Any idea what I'm doing wrong?</p> <p>Here is the script:</p> <pre><code>&lt;script type="text/javascript"&gt; $('a.thumbnail').click(function() { var src = $(this).attr('href'); var output = src.split('/').pop().split('.').shift(); $("#os1").val(output); $("#os1_text").text(output); if (src != $('img#lens').attr('src').replace(/\?(.*)/, '')) { $('img#lens').stop().animate({ opacity: '0' }, function() { $(this).attr('src', src + '?' + Math.floor(Math.random() * (10 * 100))); }).load(function() { $(this).stop().animate({ opacity: '1' }); }); } return false; }); $('a.thumbnail2').click(function() { var src = $(this).attr('href'); var output = src.split('/').pop().split('.').shift(); $("#os0").val(output); $("#os0_text").text(output); if (src != $('img#chassis').attr('src').replace(/\?(.*)/, '')) { $('img#chassis').stop().animate({ opacity: '0' }, function() { $(this).attr('src', src + '?' + Math.floor(Math.random() * (10 * 100))); }).load(function() { $(this).stop().animate({ opacity: '1' }); }); } return false; }); </code></pre> <p></p> <p>Thank you.</p>