Code working fine online but fails on local file
<p>please look this code : <a href="http://jsfiddle.net/Orina/bQZTq/" rel="nofollow">CODE</a></p>

<p>this code work in jsfiddle.net but not work on local
js code in local ,
this code show and hide more less text</p>

<pre><code>&lt;script type="text/javascript" src="jquery-1.8.2.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function () {
      var maxheight=118;
      var showText = "More";
      var hideText = "Less";

      $('.textContainer_Truncate').each(function () {
        var text = $(this);
        if (text.height() &gt; maxheight){
            text.css({ 'overflow': 'hidden','height': maxheight + 'px' });

            var link = $('&lt;a href="#"&gt;' + showText + '&lt;/a&gt;');
            var linkDiv = $('&lt;div&gt;&lt;/div&gt;');
            linkDiv.append(link);
            $(this).after(linkDiv);

            link.click(function (event) {
              event.preventDefault();
              if (text.height() &gt; maxheight) {
                  $(this).html(showText);
                  text.css('height', maxheight + 'px');
              } else {
                  $(this).html(hideText);
                  text.css('height', 'auto');
              }
            });
        }       
      });
   });​
&lt;/script&gt;
</code></pre>

<p>htm code :</p>

<pre><code>&lt;div class="textContainer_Truncate"&gt;
      &lt;p&gt;content&lt;br&gt;
        hello&lt;br&gt;
        hello&lt;br&gt;
        hello&lt;br&gt;
          hello&lt;br&gt;
          hello&lt;br&gt;
          hello&lt;br&gt;
          hello&lt;br&gt;
          hello&lt;br&gt;
          hello&lt;br&gt;
          hello&lt;br&gt;
          hello&lt;br&gt;
          hello&lt;br&gt;
          hello&lt;br&gt;
          hello&lt;br&gt;
          hello&lt;br&gt;
          hello&lt;br&gt;
        &lt;/p&gt;
    &lt;/div&gt;
</code></pre>

<p>content of folder :
index.htm and jquery-1.8.2.min.js
how to use this code on local ?</p>
