# Cosmetic things added via jquery are not been reflected in emberjs application

**URL:** <https://discuss.emberjs.com/t/cosmetic-things-added-via-jquery-are-not-been-reflected-in-emberjs-application/1508>\
**Category:** Uncategorized\
**Created:** [June 13, 2013, 6:09pm UTC](https://discuss.emberjs.com/t/cosmetic-things-added-via-jquery-are-not-been-reflected-in-emberjs-application/1508 "2013-06-13T18:09:52Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![madhan](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/madhan/32/14772_2.png) [@madhan](https://discuss.emberjs.com/u/madhan)\
**Post date:** [June 13, 2013, 6:09pm UTC](https://discuss.emberjs.com/t/cosmetic-things-added-via-jquery-are-not-been-reflected-in-emberjs-application/1508/1 "2013-06-13T18:09:52Z")

</div>

I am building an application with emberjs and there I am trying to make use of **jquery.main.js** in my application for getting cosmetic styles been added from that jquery script. But html code which is placed inside the ember js template ( script type=“text/x-handlebars”) are not been considered by that jquery. Only for those piece of code which is written outside ember js handlebar is taken for the style appending by the jquery.main.js…

---

<div class="post-metadata">

**Author:** ![yohsuzuki](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/yohsuzuki/32/14473_2.png) [@yohsuzuki](https://discuss.emberjs.com/u/yohsuzuki)\
**Post date:** [June 14, 2013, 6:42pm UTC](https://discuss.emberjs.com/t/cosmetic-things-added-via-jquery-are-not-been-reflected-in-emberjs-application/1508/2 "2013-06-14T18:42:40Z")

</div>

I’m not familiar with jquery.main.js, but if you want to execute JavaScript code on the page after the template renders, you can implement the didInsertElement hook in your view. This gives you the opportunity to transform elements rendered by Ember.

---

<div class="post-metadata">

**Author:** ![madhan](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/madhan/32/14772_2.png) [@madhan](https://discuss.emberjs.com/u/madhan)\
**Post date:** [June 17, 2013, 7:32am UTC](https://discuss.emberjs.com/t/cosmetic-things-added-via-jquery-are-not-been-reflected-in-emberjs-application/1508/3 "2013-06-17T07:32:50Z")

</div>

Thanks alot…It worked fine.This is what I was looking for //

---

<div class="post-metadata">

**Author:** ![pwagenet](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/pwagenet/32/14172_2.png) [@pwagenet](https://discuss.emberjs.com/u/pwagenet)\
**Post date:** [June 18, 2013, 5:24am UTC](https://discuss.emberjs.com/t/cosmetic-things-added-via-jquery-are-not-been-reflected-in-emberjs-application/1508/4 "2013-06-18T05:24:24Z")

</div>



---

<div class="post-metadata">

**Author:** ![pwagenet](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/pwagenet/32/14172_2.png) [@pwagenet](https://discuss.emberjs.com/u/pwagenet)\
**Post date:** [June 19, 2013, 12:45am UTC](https://discuss.emberjs.com/t/cosmetic-things-added-via-jquery-are-not-been-reflected-in-emberjs-application/1508/5 "2013-06-19T00:45:58Z")

</div>

I also should have noted that these sorts of questions are best asked on Stack Overflow. Thanks!