Scrolling text jquery
<p>I am not jQuery savy so this is probably my problem, but I want to use this:</p>

<p><a href="http://jsfiddle.net/hGcV2/1/" rel="nofollow">http://jsfiddle.net/hGcV2/1/</a></p>

<p>however the only problem is that I can't even get it to work outside jsfiddle.
I have implemented jQuery before so I thought this was no different but seems like my low knowledge on this is getting the best of me.</p>

<p>HTML</p>

<pre><code>&lt;head&gt;

&lt;link rel="stylesheet" href="awwyea.css" type="text/css" media="all" &gt;

&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"&gt;
&lt;/script&gt;
&lt;script src="yay.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="cycler"&gt;      
&lt;div&gt;A&lt;/div&gt;        
&lt;div&gt;B&lt;/div&gt;        
&lt;div&gt;C&lt;/div&gt;        
&lt;div&gt;D&lt;/div&gt;        
&lt;div&gt;E&lt;/div&gt;        
&lt;div&gt;F&lt;/div&gt;        
&lt;div&gt;G&lt;/div&gt;        
&lt;div&gt;H&lt;/div&gt;        
&lt;div&gt;J&lt;/div&gt;      
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>CSS</p>

<pre><code>#cycler{
  height:5em;
  overflow:hidden;
  border:1px solid gray;
}​
</code></pre>

<p>jQuery</p>

<pre><code>function cycle($item, $cycler){
setTimeout(cycle, 2000, $item.next(), $cycler);

$item.slideUp(1000,function(){
    $item.appendTo($cycler).show();        
});

 }

cycle($('#cycler div:first'),  $('#cycler'));​
</code></pre>

<p>So simply put, why is it that when I run this code in a browser (chrome IE FF) using notepad++, with all the files in the same folder do I just have a static none scrolling: </p>

<p>A
B
C
D</p>

<p>Something just isn't working.</p>
