Javascript help. code working on local server but not when uploaded to webhost?

view full story

http://www.daniweb.com – Hi, I have created a site and on one page it uses 2 divs side by side to display text information. in the left hand div it contains 8 links. these links when clicked load up text stored in separate text files and display it in the right hand div. The code below was working when i ran it from my mac but when i try to load it off the webhost it fails to execute. $(document).ready(function() {           $("#mc").click(function() {             $("#innertext").load('mc.txt');           });         $("#sd").click(function() {           $("#innertext").load('sd.txt');         });         $("#ma").click(function() {           $("#innertext").load('ma.txt');         });         $("#rtm").click(function() {         $("#innertext").load('rtm.txt');         });         $("#cm").click(function() {         $("#innertext").load('cm.txt');         });         $("#r").click(function() {         $("#innertext").html('r.txt');         });         $("#bp").click(function() {         $("#innertext").load('bp.txt');         });         $("#pc").click(function() {         $("#innertext").load('pc.txt');         }); }); <div class="wrapper p2">                         <ul class="list1 col-1">                           <li>&gt; <a href="javascript:void(0);"  onclick="function("mc");" id="mc">Consultancy</a></li>                           <li>&gt; <a href="javascript:void(0);" onclick="function("sd"); id="sd">Strategy</a></li>                           <li>&gt; <a href="javascript:void(0);" onclick="function("ma"); id="ma">Market Assessment</a></li>                           <li>&gt; <a href="javascript:void(0);" onclick="function("rtm"); id="rtm">Routes to Market</a></li>                         </ul>                         <ul class="list1 col-2">                           <li>&gt; <a href="javascript:void(0);" onclick="function("cm"); id="cm">Change management</a></li>                           <li>&gt; <a href="javascript:void(0);" onclick="function("r"); id="r">Restructuring</a></li>                           <li>&gt; <a href="javascript:void(0);" onclick="function("bp"); id="bp">Planning</a></li>                           <li>&gt; <a href="javascript:void(0);" onclick="function("pc"); id="pc">Project management</a></li>                         </ul>                       </div> here is a link to the page on the webhost-- http://herkes.host56.com/index-2.html Any ideas to why this does not work? any help is appreciated (General)