Laravel blade not working with in custom js file

Laravel blade works fine when i place the code in footer section at the bottom. But when i move the code into a custom js file the laravel blade is not working. I am not able to figure out what is the issue.

$(document).ready(function() {

    var url = "{!! url('/') !!}";

    alert(url);

});

via Chebli Mohamed