So picture this – a designer has in his wisdom decided that all the normal input fields on an HTML form need to replaced with whizzy coloured dropdowns & radio button (sigh)
I have used Uniform.js previously – a lovely free plugin that allows you to customise these things – so I went along to the site & downloaded the latest zip.

But could I get it to work? Nope.

The debug console kept saying ” $(…).uniform is not a function”

What the? Yes I checked that all the files had been uploaded and could be found on the server. Checked my file paths and everything. Went back to the site & redownloaded it to see if I missed a vital file. Still no joy.

Exasperated, I called it a night.

With fresh eyes this morning it becomes blatantly apparent that I am loading jQuery twice!
Once in the header & once in the footer – facepalm!

So I removed the one in the footer and lo – it works beautfully.

Moral of the story – don’t code late at night kids (and always check how many times you’re loading jQuery!)