title: ion-rangeslider not getting displayed
body: <p>I am trying to use ion-rangeslider in my react application. But it is not showing up with ui on webpage.  I am initializing it my componentDidMount method like this</p>
  
  <p>componentDidMount = () => {</p>
  
  <pre><code>    $("#ionSlider-newTag").ionRangeSlider({
          min: 0,
          max: 5000,
          type: 'double',
          postfix: 's',
          maxPostfix: "+",
          prettify: false,
          hasGrid: true,
          from: 1600,
          to: 2950
      });
  </code></pre>
  
  <p>But on webpage it is getting showed like this<a href="https://i.stack.imgur.com/9XZfe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9XZfe.png" alt="enter image description here"></a></p>
  
  <p>should be like this<a href="https://i.stack.imgur.com/TYflH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TYflH.png" alt="enter image description here"></a></p>
  
  <p>I also tried to initialize without using jquery</p>
  
  <pre><code>var slider = document.getElementById('ionSlider-newTag');
  
          ionRangeSlider.create(slider,{
              min: 0,
              max: 5000,
              type: 'double',
              postfix: 's',
              maxPostfix: "+",
              prettify: false,
              hasGrid: true,
              from: 1600,
              to: 2950
          });
  </code></pre>
  
  <p>But it gave me error saying </p>
  
  <pre><code>Uncaught TypeError: _ionRangeslider2.default.create is not a function
  </code></pre>
  
  <p>I used create to initialize noUiSlider, and it worked there. But create didn't work with ionrangeslider. </p>
  
  <p>How can I slove this complete problem?</p>