AJS, jQuery and $

[code-in]

I have a code snippet like this

$(document).ready(function() {
 
    $('.hideMessage').on('click', function () {
       $('.message').hide();
    });
 
    $('.message').on('hide', function() {
       alert("hided");
    });
 
    (function ($) {
 
       var el = $.fn['hide'];
       $.fn['hide'] = function () {
          this.trigger('hide');
          return el.apply(this, arguments);
       };
 
    })(jQuery);
 });

When i run this code on a simple html page; if hide event of '.message' element called, page show an alert message contains 'hided'. But it doesnt work on velocity template. 'hide' event doesnt be called.

Template renderer doesnt include '$' chars.

[brbojorque]

You'd have to change the $ with AJS.$().

All the javascript libraries are packages under AJS, AFAIK.