title: Object doesn't support this property or method in ieTester IE8 or below error
body: <p>I have a 2 small script in the footer of my page, that produce a script error in IE8.  IEtester says that this script error is created from the document ready (but i believe it's just cuz it's the start).  I used jQuery so that it was cross browser compatible. :(</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
  
      //flexslider
     $(".flexslider").flexslider({
     animation : "slide",
      slideshow : true,
     animationDuration: "750",
     slideshowSpeed: 5000,
     pauseOnAction: true, 
  
    }); 
  
    //text slider overer
      $("#videos li").on({
  
    mouseenter: function() {
       $(this).animate({"padding-left": "50px"}, "normal");
    },
  
    mouseleave: function() {
         $(this).stop(true).animate({"padding-left": "0px"}, "slow");
  
    }});
    });
  </code></pre>
  
  <p>
  <img src="https://i.stack.imgur.com/FpVoE.png" alt="enter image description here">
  Does anyone know how to correct this script error?  If so, could you explain why this error is created in the first place?</p>
  
  <p>first script html page:  <a href="http://designobvio.us/fonts/" rel="nofollow noreferrer">http://designobvio.us/fonts/</a>
  Second script html page: <a href="http://designobvio.us/fonts/middle.php" rel="nofollow noreferrer">http://designobvio.us/fonts/middle.php</a></p>