Question

I recently transferred a site to a new host. Reloaded everything, and the javascript that worked fine before is breaking at an element it can’t find. $(‘#emailForm’) is not defined.

Now, the #emailform isn’t on the page, but it wasn’t before either, and JS used to skip this and it would just work. Not sure why this is happening. Any clues

Here is the site I am having the prblem:

http://rosecomm.com/26/gearwrench/

Answer 1

jQuery will return an empty jQuery object from $('#emailForm') if there isn’t an element with the id='emailForm'.

One of the following is likely true:

• You forgot to include jQuery – therefore $ is undefined.
• There is another library included that uses $ – in which case you can wrap your code in a quick closure to rename jQuery to $

The Closure:

(function($){ 
   // $ is jQuery
   $('#emailForm').whatever();
})(jQuery);

You could console.log(window.$,window.jQuery); in firebug to check for both of these problems.