jQuery/javascript not working on all pages
<p>So I'm doodling with a little site with some html/css/javascript experiments so I can learn to be a better web-programmer. I am really a designer, and total n00b at this.</p>

<p><strong>Problem:</strong></p>

<p>I have some javaScript running on multiple pages at my site, and they are – as per usual – in a seperate .js-file. However it only seems to be working on this page:</p>

<p><a href="http://www.carlpapworth.com/htmlove/colors.html" rel="nofollow">http://www.carlpapworth.com/htmlove/colors.html</a></p>

<p>And not on these:</p>

<p><a href="http://www.carlpapworth.com/htmlove/arrows.html" rel="nofollow">http://www.carlpapworth.com/htmlove/arrows.html</a></p>

<p><a href="http://www.carlpapworth.com/htmlove/fumbling.html" rel="nofollow">http://www.carlpapworth.com/htmlove/fumbling.html</a></p>

<p>U see, the big splash with the heart is suposed to be hidden by this function:</p>

<pre><code>$(document).ready(function() {  
    $('#reward').hide();
    $('#goal a').click(function(){
        $('#reward').fadeIn(1000);
    });
    $('.exit').click(function(){
        $('#collection1').css('color', '#ff63ff');
     });
});
</code></pre>

<p>To me, the "Head"-code in all these pages looks exactly the same, so I can't figure out the problem.
Please help!</p>

<p><strong>SOLVED!</strong> It was the encoding, that was set to UTF-16! So I just changed it as Jezen Thomas said in Coda! Thanks a million!</p>
