Javascript .animate() not working in HTML page : As simple as it is, I am wondering how is it possible that my little div is not getting any bigger. Anyone knows why? 
(p.s. I've tried to run it on every browser and i really can't find any syntax errors, I'm getting blind.. or just older)







    <!DOCTYPE html>
    <html>
    <head>    
    <script> 
    $(document).ready(function () {
    $(document.getElementById("abc").animate({
    height:"500px",
    width:"500px",
    }, 5000, function() {
    // Animation complete.
    });
    });
    </script>
    
      <style>
       #abc {
        border:1px solid green;
        width: 100px;
        height:100px;
            }
     </style>
     </head>
    
     
     <body>
     <div id="abc"></div>
     </body>

     </html>