title: jquery parallax.js not work
body: <p>I've been trying more than 10 times to use parallax.js jquery plugin. But it doesn't work. I don't understand what's going on with me. </p>
  
  <p>plugin Site: <a href="http://matthew.wagerfield.com/parallax/" rel="nofollow noreferrer">http://matthew.wagerfield.com/parallax/</a></p>
  
  <p>my demo work site: <a href="http://contact.themeshef.com/" rel="nofollow noreferrer">http://contact.themeshef.com/</a></p>
  
  <p>Can anybody help me about how to use parallax js ? 
  Thanks in advance!</p>
  
  <p>Page source: </p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html lang="en-US"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;style type="text/css"&gt;
          #container {
              width: 100%;
              height: 500px;
          }
      &lt;/style&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="container"&gt;
          &lt;div id="scene"&gt;
            &lt;div class="layer" data-depth="0.00"&gt;&lt;img src="layer1.png"&gt;&lt;/div&gt;
            &lt;div class="layer" data-depth="0.20"&gt;&lt;img src="layer2.png"&gt;&lt;/div&gt;
            &lt;div class="layer" data-depth="0.40"&gt;&lt;img src="layer3.png"&gt;&lt;/div&gt;
            &lt;div class="layer" data-depth="0.60"&gt;&lt;img src="layer4.png"&gt;&lt;/div&gt;
            &lt;div class="layer" data-depth="0.80"&gt;&lt;img src="layer5.png"&gt;&lt;/div&gt;
            &lt;div class="layer" data-depth="1.00"&gt;&lt;img src="layer6.png"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
      &lt;script src="jquery-3.2.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="parallax.js"&gt;&lt;/script&gt;
      &lt;script&gt;
        var scene = document.getElementById('scene');
        var parallax = new Parallax(scene);
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>