title: loading jquery plugins with require js
body: <p>I am new to require js, and the problem is I don't really understand how to load jQuery plugins.</p>
  
  <p>I would like to load multiple plugins but I already have problems with the first one, with the chose plugin</p>
  
  <p>js</p>
  
  <pre><code>//site full url
  var siteUrl = window.location.protocol+"//"+window.location.host + "/";
  
  requirejs.config({
      baseUrl: siteUrl + "assets/js",
  
      paths: {
          "jquery": "libs/jquery",
          "jquery-ui": "libs/jquery-ui",
          "bootstrap": "libs/bootstrap",
          "scripts": "scripts",
          "plugins": "plugins",
      }, 
  });
  
  requirejs(['jquery', 'jquery-ui', 'bootstrap', 'plugins/chosen'],
  function($, chosen){
      $('.chzn-select').chosen();
  });
  </code></pre>
  
  <p>my test html </p>
  
  <pre><code>&lt;select data-placeholder="Choose a country..." style="width:350px;" class="chzn-select"&gt;
      &lt;option value=""&gt;Test&lt;/option&gt;
      &lt;option value=""&gt;Test&lt;/option&gt;
      &lt;option value=""&gt;Test&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>and when I try to load it I get the following error</p>
  
  <pre><code>TypeError: $ is not a function
  
  
  ...tion(){"in"==self.hoverState&amp;&amp;self.show()},self.options.delay.show),void 0):self...
  
  bootstrap.js (line 6)
  
  TypeError: $(...).chosen is not a function
  
  
  $('.chzn-select').chosen();
  </code></pre>
  
  <p>Could someone please point out what I am doing wrong?</p>