title: tagsinput is not a function
body: <p>I am trying to use bootstrap-tagsinput in my react application. I have include bootstrap-tags input script in my index.jade file. I am getting an error saying </p>
  
  <pre><code>AddTagSection.js:102 Uncaught TypeError: (0 , _jquery2.default)(...).tagsinput is not a function
  </code></pre>
  
  <p>This is my index.jade file</p>
  
  <pre><code>extends layout
  
  
  block head_scripts
  
          script(src='https://code.jquery.com/jquery-3.2.1.min.js')
          script(src='/public/ion.rangeSlider.js')
          link(href='/public/normalize.css' rel="stylesheet")
          link(href='/public/ion.rangeSlider.css' rel="stylesheet")
          link(href='/public/ion.rangeSlider.skinFlat.css' rel='stylesheet')
          script(src="/public/bootstrap-tagsinput.js")
          link(href="/public/bootstrap-tagsinput.css")
  </code></pre>
  
  <p>My code line also doesn't highlight tagsinput(). </p>
  
  <p>He is my code. I want to show that ionRangeSlider plugin is working but tagsinput is not working (giving the error mentioned above).<a href="https://i.stack.imgur.com/yVumD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yVumD.png" alt="React is not even suggesting or highlighting tagsinput() yellow, like ionRangeSlider"></a></p>
  
  <pre><code>    componentDidMount = () =&gt; {
              $(this.slider_el).ionRangeSlider();
              this.slider = $(this.slider_el).data('ionRangeSlider')
               $(this.tag_input_el).tagsinput()
  
          }
  
  
  
   &lt;div className="irs-wrapper"&gt;
                              &lt;input
                                  ref={node =&gt; this.slider_el = node}
                                  type="text"
                                  id="ionSlider-newTag"
                                  name="ionSlider"
                                  value="0;2057"/&gt;
                          &lt;/div&gt;
                          &lt;br/&gt;
                          &lt;div className="form-group form-group-default"&gt;
                              &lt;label&gt;Tags&lt;/label&gt;
                              &lt;input ref={node =&gt; this.tag_input_el = node}
                                     id="tagsinput"
                                     type="text"
                                     value="Smoking,Drinking"
                                     data-role="tagsinput"/&gt;
                          &lt;/div&gt;
  </code></pre>