Trouble including jquery in html file
So, I have a javascript file that contains my jquery. It's very simple jquery:
var divs = $('div[id^="quote"]').hide(),
i = 0;
(function cycle() {
divs.eq(i).fadeIn(400)
.delay(1000)
.fadeOut(400, cycle);
i = ++i % divs.length;
})();
What I can't understand is when I include jquery and my file in my header:
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="quoteChange.js"></script>
It DOESN'T WORK.
my html to change:
<div class="quotes" id="quote1"><strong>!Filler Quote!</strong>: "quoteOne"
</i></div>
<div class="quotes" id="quote2">"quote2"
</div>
the reason i'm so livid is that this works JUST FINE in jsfiddle where I built it, but when I wrote the files in the same fashion on my server... it just doesn't do the animations at all. nothing happens.
any ideas?