title: jQuery fadeTo and fadeIn not working anywhere except for JSFiddle
body: <p>I can't seem to get even a simple fade-in effect to work on chrome or safari - but it works perfectly well with jsfiddle (Chrome 19.0.1084.56 &amp; Safari 5.1.7). I'm also not getting any javascript errors to work off of. Previously I had tried </p>
  
  <blockquote>
    <p>$("#fade").hide().fadeIn </p>
  </blockquote>
  
  <p>which also worked fine in jsfiddle but not in my file. Interestingly, fadeOut works alright when I use it.  </p>
  
  <p>Here's my code below - does it work alright for you? If you have any idea as to why it isn't  for me, please let me know! </p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
  
  &lt;title&gt;Wheee jQuery!&lt;/title&gt;
  
  &lt;!-- jquery --&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
  $("#fade").fadeTo(2000, 1);
  
  &lt;/script&gt;
  
  &lt;!-- css --&gt;
  &lt;style type="text/css"&gt;
  #fade{
      width: 150px;
      height: 30px;
      text-align: center;
      color: blue;
      border: 1px dotted blue;
      opacity: 0.3;
  }
  &lt;/style&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  
  &lt;div id="fade"&gt;
  lalala
  &lt;/div&gt;   
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>