I am trying a simple demo with requirejs and jquery for AMD. Following is

Question

Asked: June 13, 20262026-06-13T03:24:47+00:00 2026-06-13T03:24:47+00:00

I am trying a simple demo with requirejs and jquery for AMD.
Following is my folder structure structure:

├── index.html
└── js
    ├── lib
    │   ├── jquery.js
    │   └── require.js
    └── main.js

in my index.html file i have the following content:

  <head>
    <script data-main="js/main" src="js/lib/require.js"></script>
  </head>

  <body>
    <div id="hello">    </div>

  </body>

and my main.js file looks like this:

define(['lib/jquery'], function ($) {

  $("#hello").html("Wow this works!");

});

But when i do, i get an error: Uncaught TypeError: undefined is not a function in main.js line 3.

What is wrong? I can’t understand?

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-06-13T03:24:48+00:00

Editorial Team

I have tried your example without “$” in first line of main.js and it worked properly.

Fixed main.js:

define(['lib/jquery'], function () {
     $("#hello").html("Wow this works!");
});

The Archive Base Latest Questions