Changes

To use JQuery within bxp we need to modify the jQuery identifier, we need to do this as bxp uses the Prototype library. The Prototype Library uses the $ identifier just like JQuery and because the Prototype library is referenced before jQuery we must make a small modification. jQuery allow allows you to modify the $ identifier to be a custom one, in order to avoid any issues with jQueryPrototype

 The above line must be the first line in your custom JavaScript code in order for it to work. When referencing a Jquery jQuery function you should use the custom identifier $JQ instead of $