how to include java script when you have ajax and css?
<p>when I run my javascript in my index.html it works properly but I wanted to seperate it as a js file
so I created aram.js and then I added my code to it
I also included this line to index:</p>

<pre><code>&lt;script type="text/javascript" src="aram.js"&gt;&lt;/script&gt;
</code></pre>

<p>aram.js:</p>

<pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt;

            $(function() {
                $('#accordion &gt; li').hover(
                    function () {
                        var $this = $(this);
                        $this.stop().animate({'width':'480px'},500);
                        $('.heading',$this).stop(true,true).fadeOut();
                        $('.bgDescription',$this).stop(true,true).slideDown(500);
                        $('.description',$this).stop(true,true).fadeIn();
                    },
                    function () {
                        var $this = $(this);
                        $this.stop().animate({'width':'115px'},1000);
                        $('.heading',$this).stop(true,true).fadeIn();
                        $('.description',$this).stop(true,true).fadeOut(500);
                        $('.bgDescription',$this).stop(true,true).slideUp(700);
                    }
                );
            });
</code></pre>

<p>I think the problem is that It can't find the css I have style.css in a css folder which is included in index.html like this line:</p>

<pre><code>  &lt;link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/&gt;
</code></pre>
