title: using requireJS with a jQuery plugin
body: <p>I need to use this slider plugin "<a href="http://kenwheeler.github.io/slick/#getting-started" rel="noreferrer">slick</a>" inside my code but couldn't achieve it!</p>
  
  <pre><code>define('modules/slider', ['jquery', 'slick'], function($, slick) {
      var widgetDisplay = function() {};
      widgetDisplay.prototype = {
          name: 'Display',
          init: function(scope) {
              "use strict";
  
              var me = this;
  
              console.log('slider module loaded + ' + slick);
  
          }
      };
  
      return widgetDisplay;
  });
  </code></pre>
  
  <p>In the config, I have;</p>
  
  <pre><code>require.config({
          baseUrl: '&lt;?php echo WPF__ASSETS; ?&gt;scripts/',
          paths: {
              "modernizr": "&lt;?php echo WPF__ASSETS; ?&gt;scripts/modernizr",
              "jquery": "&lt;?php echo WPF__ASSETS; ?&gt;scripts/jquery",
              "fastclick": "&lt;?php echo WPF__ASSETS; ?&gt;scripts/fastclick",            
              "foundation": "&lt;?php echo WPF__ASSETS; ?&gt;scripts/foundation",
              "slick": "&lt;?php echo WPF__ASSETS; ?&gt;scripts/slick"
          },
          shim: {
              'foundation': {
                  deps: ['jquery']
              },
              'slick': {
                  deps: ['jquery'],
                  exports: 'jQuery.fn.slick'
              },
              'modernizr': {
                  exports: 'modernizr'
          }
          }
      });
  </code></pre>
  
  <p>But his outputs;
  <code>Uncaught ReferenceError: slick is not defined</code></p>