Jquery works fine with other stuff

<script>
    $(document).ready(function() {   
        $("#no").mouseover(function() {
            console.log("hover")
            $("#no").animate({width: "25%"},600)
        })
   })
</script>

whenever I hover ,I see the message in console but no width change. Edit: I did set width before and it does not work