Why isnt my jquery datepicker working in IE?

Why isnt my jquery datepicker working in IE?

This code works well in firefox and chrome, but in IE  I have just a blank box and nothing happens when I click in the box.

Can you tell my why this isnt working in IE? 
(tested on IE.9)

  1. <html>
  2. <head>
  3. <script src="https://ajax.googleapis.com/ajax/li… type="text/javascript"></script>
  4. <script src="https://ajax.googleapis.com/ajax/li… type="text/javascript"></script>
  5. <script>
  6. (function() {
  7. var elem = document.createElement('input');
  8. elem.setAttribute('type', 'date');

  10. if ( elem.type === 'text' ) {
  11. $('#date').datepicker({
  12. dateFormat: 'dd-mm-yy',
  13. // defaultDate: +5
  14. maxDate : +3
  15. }); 
  16. }
  17. })();

  19. </script>

  21. </head>

  23. <body>
  24. <form>
  25. <input type="date" name="date" id="date" value=" " />
  26. </form>
  27. </body>
  28. </html>