Trying to make jquery work
<p>I am having a hard time getting any jquery code to work. I've tried some examples and none work for me. Here is an example that sort of works in chrome from the C drive, but not from dropbox on the web, nor does it work at all in ie9.</p>

<p>When it is 'sort of' working on chrome from my C drive, it starts out displaying all the tabs instead of just Tab A as it is supposed to. Then after clicking one of the links it only shows the corresponding tab.</p>

<p>My end goal is to modify my website so that the whole page doesn't flash while reloading every time I click on a menu item.</p>

<pre><code>&lt;!--  found at: http://jsfiddle.net/uFgtS/ --&gt;

&lt;script type='text/javascript' src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
&lt;script type='text/javascript'&gt;

$(window).on('hashchange', function() {
    $('div.tab').hide();
    $(location.hash).show();
});

$('a.hash').on('click', function(e){
    e.preventDefault();
    location.hash = $(this).data('hash');
});
&lt;/script&gt;

&lt;a href="#A" data-hash="A" class="hash"&gt;A Link&lt;/a&gt;
&lt;a href="#B" data-hash="B" class="hash"&gt;B Link&lt;/a&gt;
&lt;a href="#C" data-hash="C" class="hash"&gt;C Link&lt;/a&gt;

&lt;div id="A" class="tab"&gt;Tab A&lt;/div&gt;
&lt;div id="B" class="tab hidden"&gt;Tab B&lt;/div&gt;
&lt;div id="C" class="tab hidden"&gt;Tab C&lt;/div&gt;
</code></pre>
