title: can't get noUISlider to work
body: <p>I can't get noUISlider to work
  Here my code snippet:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
  var handlesSlider = document.getElementById('slidertest');
  
  noUiSlider.create(handlesSlider, {
   start: [ 4000, 8000 ],
   range: {
    'min': [  2000 ],
    'max': [ 10000 ]
   }
  });
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;TEST&lt;/title&gt;    
  &lt;link rel="stylesheet/less" type="text/css" href="css/style.less"/&gt;
  &lt;link href="css/nouislider.min.css" rel="stylesheet"&gt;
  &lt;script src="scripts/less.js"&gt; &lt;/script&gt;
  &lt;script src="scripts/jquery-2.1.4.min.js"&gt; &lt;/script&gt;
  &lt;script src="scripts/jquery-ui.min.js"&gt; &lt;/script&gt;
  &lt;script src="scripts/dropzone.js"&gt; &lt;/script&gt;
  &lt;script src="scripts/nouislider.min.js"&gt; &lt;/script&gt;
  &lt;/head&gt;
  
  
  
  ...
  
  &lt;div id="slidertest"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>And I'm getting this error:
  Uncaught TypeError: Cannot read property 'nodeName' of null</strong></p>