How to fix Prototype conflict with Highchart?

Question

I have an AJAX action and trying to use Highchart at the same time that\'s why I need Prototype to be included.

Here is my code but is not showing the Highchart grap

Answer 1

Wrap your jQuery into an anonymous function to protect the variable from being interfered with by Prototype. http://jsfiddle.net/amyamy86/s6ms3/

(function($) {

    $.noConflict();
    $(function () {
        $('#contain').highcharts({
         ....
        });
     });

}(jQuery));