Uncaught ReferenceError: $ is not defined ??

Question

How come it throws an " Uncaught ReferenceError: $ is not defined " - when it was OK before?

$(document).ready(function() {
 $('#tabs > ul').tabs({ fx: { opacity: 'toggle' } });
 $('#featuredvid > ul').tabs();
});

results in tabs dont close anymore,

jQuery is referenced in header:

script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/sprinkle.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-ui-personalized-1.5.2.packed.js"></script>

Answer 1

Maybe you are calling the ready function before the JQuery Javascript is included?

Answer 2

You should put the references to the jquery scripts first.

<script language="JavaScript" type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/jquery-ui-personalized-1.5.2.packed.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/sprinkle.js"></script>

Answer 3

i was pulling my hair for 3 hours! I too did the same mistake of referencing jquery after my scripts.