I can't figure out what the problem is but I'm trying to add a parallax effect using Stellar.js

My HTML (jquery.stellar.min.js is located in the right place so that's not the issue)

...
<div id="paral" data-stellar-background-ratio="0.5">
<p>Content</p>
</div>

<script src="ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquer…"></script>

<script src="maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootst…"></script>

<script src="js/jquery.stellar.min.js">
    $('#paral').stellar();
</script>

</body>
</html>

CSS

#paral {
    background-image: url("../img/bg.jpg");
    height: 500px;
}