javascript - Parallax not working in materialize css -

i using materialize framework create phonegap app.

http://materializecss.com

they have parallax setting can see notation here:

http://materializecss.com/parallax.html

when run it, image not show @ all. html looks this:

<div class="row">   <div class="col s12 m7">     <div class="card">        <div class="parallax-container" style = "height:100px;">         <div class="parallax"><img src="/img.png"></div>       </div>        <div class="card-content">         <h5> test</h5>         <h6> test</h6>         <h6> test </h6>         </br>         <p> test</p>       </div>        <div class="card-action">         <a href="#">this link</a>       </div>      </div>   </div> </div> 

look example: http://jsfiddle.net/yhgj48tr/

do not forget initialize it:

$(document).ready(function(){   $('.parallax').parallax(); });