title: jQuery wont load
body: <p>Jquery wont load. I'm a noob, but have persisted, trawled this site &amp; tried many things, permission settings, reloading java on my system &amp; various syntax tweaks, but no joy. About to give up. Here's how it stands...  </p>
  
  <p>Using jquery on my hard drive, current version jquery-1.7.1 (also tried v1.7.1.min).  </p>
  
  <p>I have tried to use the following plugins - scrollTo-1.4.2-min, jqDock.min &amp; jqDock, jtruncate (current) &amp; jtruncate.pack. None work. I'm using IE8 and Chrome to check on local.    </p>
  
  <p>Debugging says...  </p>
  
  <blockquote>
    <p>(jquery-1.7.1.js) invalid character Line 1 (NB: line 1 is just the
    beginning of the credit info greyed out text  /*! )<br>
    (jquery.jtruncate.js) jQuery is undefined Line 1 (NB: line 1 is 
    (function(jQuery){  )   (my page name) Object doesnt support this
    property or method Code 0 Line 17 Char 5 (NB: line 17 is  $('').jTruncate({  )</p>
  </blockquote>
  
  <p>My head code, (after meta's, UTF8 and title)...  </p>
  
  <pre><code>$(document).ready(function(){
          $('&lt;div id="statement" /&gt;').jTruncate({
              length: 200,
              minTrail: 0,
              moreText: "[more]",
              lessText: "[less]",
              ellipsisText: "(truncated)",
              moreAni: "fast",
              lessAni: 2000
          });
      });
  </code></pre>
  
  <p>Then theres some java generated by Dreamweaver, (Rollover image/swap image guff), then page specific CSS  (see below) i also have site wide external css sheet.  </p>
  
  <pre><code>    #statement {
          position:absolute;
          left:285px;
          right: 190px;
          top:130px;
          width: 607px;
          height: 321px;
      }
  </code></pre>
  
  <p>Then html body.  </p>
  
  <p>Can anyone help?  Cress</p>