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 the jQuery. Jquery allow you to modify the $ identifier to be a custom one, inorder to avoid any issues with jQuery

<syntaxhighlight lang="JavaScript">

var $JQ = jQuery.noConflict(); // This line is required to make jQuery Play nice with bxp

</syntaxhighlight>

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

<syntaxhighlight lang="JavaScript">