Getting JavaScript error el.set is not a function Line: 23 in Joomla!

Written by Ian Carnaghan · 34 sec read >

I’ve noticed this error when I installed VirtueMart and in the checkout process where it asks if you are a returning visitor or new user I noticed that the radio buttons did not work. This error occurs since Joomla! uses mootools and I used JQuery in my template. Thus causing the two to conflict since both mootools and JQuery make use of the $-function. Please check the answer to see how you will be able to solve this issue.


  1. Add the following code after the inclusion of the JQuery library.
    <script type="text/javascript">


    <script type="text/javascript" src="<?=JURI::root().'/scripts/jquery-latest.pack.js'?>"></script>
    <script type="text/javascript">

    jQuery.noConflict(); overrides JQuery’s $-function

  2. Now replace all $ instances in your code with jQuery eg. $(“#test”) will become jQuery(“#test”)
  3. Refresh your page and the error message should be gone.

Last Updated On March 30, 2018
Written by Ian Carnaghan
I am a software developer and online educator who likes to keep up with all the latest in technology. I also manage cloud infrastructure, continuous monitoring, DevOps processes, security, and continuous integration and deployment. In my spare time I teach undergraduate classes in web development. Profile

Leave a Reply

Notify of