# Freewall: jQuery Plugin

**URL:** <https://discuss.emberjs.com/t/freewall-jquery-plugin/10540>\
**Category:** Uncategorized\
**Created:** [April 25, 2016, 5:47pm UTC](https://discuss.emberjs.com/t/freewall-jquery-plugin/10540 "2016-04-25T17:47:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![javaprog8432](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@javaprog8432](https://discuss.emberjs.com/u/javaprog8432)\
**Post date:** [April 25, 2016, 5:47pm UTC](https://discuss.emberjs.com/t/freewall-jquery-plugin/10540/1 "2016-04-25T17:47:25Z")

</div>

I am in need of help. I have been wasting time and racking my brain on how to load the ‘Freewall’ plugin by jQuery into my Ember app I am building. I have only been using Ember for about a week now, but I didn’t think it would be this difficult to reference a jQuery plugin to use in my app. Can anyone please help?

---

<div class="post-metadata">

**Author:** ![alexspeller](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/alexspeller/32/14812_2.png) [@alexspeller](https://discuss.emberjs.com/u/alexspeller)\
**Post date:** [April 27, 2016, 11:17am UTC](https://discuss.emberjs.com/t/freewall-jquery-plugin/10540/2 "2016-04-27T11:17:41Z")

</div>

wrapping jquery plugins that contain ember code is non-trivial, I would not advise attempting it as a beginner. Have a look on [emberobserver.com](http://emberobserver.com) for existing addons that do what you need already.

---

<div class="post-metadata">

**Author:** ![Chava](https://avatars.discourse-cdn.com/v4/letter/c/f07891/32.png) [@Chava](https://discuss.emberjs.com/u/Chava)\
**Post date:** [May 2, 2016, 2:10pm UTC](https://discuss.emberjs.com/t/freewall-jquery-plugin/10540/3 "2016-05-02T14:10:29Z")

</div>

Assuming you have a standard ember cli project, and that you’re just looking to import the jquery plugin rather than wrap and ‘emberize’ it, all you need to do is install and import it.

In your ember-cli-build.js file you can import bower components that you’ve installed. For items you can’t get through bower, you can drop them into your vendor folder and import them from there.

Once you import your jquery plugin, it should be available as a global to be used anywhere in your app.

For example:

```
// ember-cli-build.js
var EmberApp = require('ember-cli/lib/broccoli/ember-app');

module.exports = function(defaults) {
    var app = new EmberApp(defaults, {

    });
    
    app.import('bower_components/bootstrap-sass/assets/javascripts/bootstrap.min.js');
    app.import('vendor/reCaptcha.js');
    
    return app.toTree();

};

```

Here’s the official docs link: [https://guides.emberjs.com/v2.5.0/addons-and-dependencies/managing-dependencies/](https://guides.emberjs.com/v2.5.0/addons-and-dependencies/managing-dependencies/)