title: Bootstrap tagsinput Uncaught TypeError: $(...).tagsinput is not a function
body: <pre><code>&lt;html&gt;
  &lt;head&gt;&lt;/head&gt;
  &lt;body&gt;
  
  &lt;input type="text" value="Amsterdam,Washington,Sydney,Beijing,Cairo" data-role="tagsinput"&gt;
  &lt;script src="{{ asset('js/app.js') }}" defer&gt;&lt;/script&gt;
  &lt;script src="/bower_components/admin-lte/plugins/jquery/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="/bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js"&gt;&lt;/script&gt;
  &lt;script src="/bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput-angular.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $("document").ready(function () {
          $('input').tagsinput('add', 'some tag');
  
      });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>its because of app.js file but idk why and how to resolve it. when i remove app.js it works fine but i need that for other functionalities.</p>