title: Uncaught TypeError: undefined is not a function
body: <p>I am trying to animate my php gallery function, using jQuery functions. <code>thmb_animation</code> function has to enlarge image in new location with <code>mouseenter</code> function. When debugging the script i get TypeError. I have tried using <code>jQuery.noConflict()</code> because googling usually refered to it, but it didnt do the job, so i ended up here.</p>
  
  <pre><code>$(function thumb_animation() {
  
          var thumb = $('.st_thumb img');
          var img = $('#bigImg');
          var h = $(window).height();
          thumb.on('mouseenter',function (e) &lt;---- Here comes TypError
  {
          var thumbSource = e.target.src;
  
      img.attr('src',thumbSource);
      console.log(e);
      img.show("fade", 2000);
      img.animate({height:'60%',width:'66%'}, {queue: false});
  
  
  }); 
  thumb.mouseleave(function() {
  
  img.animate({height:'0%', width:'0%'}, {queue: false});
  
  });
  });
  </code></pre>
  
  <p>HTML part : </p>
  
  <pre><code>&lt;div class='wrap'&gt;  
  &lt;ul id="st_nav" class="st_navigation"&gt;
              &lt;li class="album"&gt;
                  &lt;div class="st_wrapper st_thumbs_wrapper"&gt;
                      &lt;div class="st_thumbs"&gt;
                          &lt;?php showGallery(); ?&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/li&gt; 
          &lt;/ul&gt;
   &lt;div class='gallery'&gt;
   &lt;img id='bigImg' src='images/album/thumbs/2.jpeg'&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>
  Entire error message : </p>
  
  <p><code>Uncaught TypeError: undefined is not a functionscripts.js:21 thumb_animationjquery.min.js:26 c.extend.readyjquery.min.js:33 L</code></p>
  
  <p>Solution for the error message : </p>
  
  <p>I was using older version of jQuery.
  But the image still doesnt show show in new location.</p>