jQuery fade effects in IE(8)

jQuery fade effects in IE(8)

Sample code:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. <style>
  6. span {display:none;}
  7. </style>
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  9. <script>
  10. $(document).ready(function(){
  11.   $("button").click(function(){
  12.     $("span").fadeIn(3000);
  13.   });
  14. });
  15. </script>
  16. </head>
  17. <body>
  18. <button>Fade in</button>
  19. <span>This is some text.</span>
  20. </body>
  21. </html>

It doesn't work in IE8 and probably older versions. Any solution?