Uncaught ReferenceError: $ is not defined?
<p>How come this code throws an "Uncaught ReferenceError: $ is not defined" - when it was OK before?   </p>

<pre class="lang-js prettyprint-override"><code>$(document).ready(function() {
    $('#tabs &gt; ul').tabs({ fx: { opacity: 'toggle' } });
    $('#featuredvid &gt; ul').tabs();
});
</code></pre>

<p>Results in tabs don't close anymore.</p>

<p>jQuery is referenced in the header:</p>

<pre class="lang-php prettyprint-override"><code>&lt;script language="JavaScript" type="text/javascript" src="&lt;?php echo get_option('siteurl') ?&gt;/js/sprinkle.js"&gt;&lt;/script&gt;
&lt;script language="JavaScript" type="text/javascript" src="&lt;?php echo get_option('siteurl') ?&gt;/js/jquery-1.2.6.min.js"&gt;&lt;/script&gt;
&lt;script language="JavaScript" type="text/javascript" src="&lt;?php echo get_option('siteurl') ?&gt;/js/jquery-ui-personalized-1.5.2.packed.js"&gt;&lt;/script&gt;
</code></pre>
