# Getting a simple jQuery to work with Ember-CLI

**URL:** <https://discuss.emberjs.com/t/getting-a-simple-jquery-to-work-with-ember-cli/8311>\
**Category:** Uncategorized\
**Created:** [July 4, 2015, 7:12pm UTC](https://discuss.emberjs.com/t/getting-a-simple-jquery-to-work-with-ember-cli/8311 "2015-07-04T19:12:45Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![teejten9](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/teejten9/32/9903_2.png) [@teejten9](https://discuss.emberjs.com/u/teejten9)\
**Post date:** [July 4, 2015, 7:12pm UTC](https://discuss.emberjs.com/t/getting-a-simple-jquery-to-work-with-ember-cli/8311/1 "2015-07-04T19:12:45Z")

</div>

So I have a very simple piece of jQuery code that basically hides a header panel after a no thanks button is clicked. I can get this to work using tags within the application.hbs (since its on the homepage). Now when I try to import it in the broccoli.js I it will not work.

```
(document).ready(function() {
  $(".btn-slide").click(function() {

```

$(“.panel”).slideUp(); } });

What is the correct way of implementing my own jQuery code within an ember app without using bower components? Basically I want to know how to implement my own jQuery code for the app without using everywhere.

NM I found out how to fix it…I just added to the Brocfile with var jpanel = pickFiles(‘vendor/jpane;/js’, { srcDir: ‘/’, files: ['jumbotron-panel.js]. destDir: ‘/assets’ }}\_

…and then added it to my index.html file

I guess this is going to be where I put all my custom jquery code…

Is this good practice or bad practice? I don’t know how to use components yet.

I figured it out

---

<div class="post-metadata">

**Author:** ![jasonmit](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/jasonmit/32/182_2.png) [@jasonmit](https://discuss.emberjs.com/u/jasonmit)\
**Post date:** [July 5, 2015, 3:32am UTC](https://discuss.emberjs.com/t/getting-a-simple-jquery-to-work-with-ember-cli/8311/2 "2015-07-05T03:32:32Z")

</div>

I don’t think you finished your question.

---

<div class="post-metadata">

**Author:** ![brian\_ally](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/brian_ally/32/10571_2.png) [@brian\_ally](https://discuss.emberjs.com/u/brian_ally)\
**Post date:** [July 5, 2015, 10:37pm UTC](https://discuss.emberjs.com/t/getting-a-simple-jquery-to-work-with-ember-cli/8311/3 "2015-07-05T22:37:14Z")

</div>

jQuery must have hid the rest. There must be a button around here somewhere to make it appear.