title: fadeIn() function in JQuery not working
body: <p>Has there been a change in the <code>fadeIn()</code> method between 1.6.2 and 1.12.2?</p>
  
  <p>I'm learning JQuery. The book I'm using is old enough that the version at the time was 1.6.2 but I'm using 1.12.2.</p>
  
  <p>I'm trying to use the <code>fadeIn()</code> function. I'm trying to get a photo to fade in and out. The photo shows up but it doesn't fade in like it's supposed to and after reviewing the code several times I can say it's exactly the same as the example code except for the JQuery version.</p>
  
  <p>Any ideas?</p>
  
  <pre><code>&lt;html&gt;
  
    &lt;head&gt;
      &lt;title&gt;Furry Friends Campaign&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="my_style1.css"&gt; &lt;/head&gt;
  
    &lt;body&gt;
      &lt;div id="clickMe"&gt;Show me the furry friend of the day&lt;/div&gt;
      &lt;div id="picframe"&gt; &lt;img src="E:/Head First JQuery/ch01/Begin/images/furry_friend.jpg"&gt; &lt;/div&gt;
      &lt;script src="e:/scripts/jQuery-1.12.2.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
        $(document).ready(function() {
          $("#clickMe").click(function() {
            $("img").fadeIn(1000);
            $("#picframe").slideToggle("slow");
          });
        });
  
      &lt;/script&gt;
    &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>here's the CSS:</p>
  
  <pre><code>#clickMe {
      background: #D8B36E;
      padding: 20px;
      text-align: center;
      width: 205px;
      display: block;
      border: 2px solid #000;
  }
  #picframe {
      background: #D8B36E;
      padding: 20px;
      width: 205px;
      display: none;
      border: 2px solid #000;
  }
  </code></pre>