I'm using this jQuery script / function to change the design of my select box: http://tutorialzine.com/2010/11/better-select-jquery-css3/
It's implemented and working. My site is built up by an index file that includes all other parts of the page via php include: parts like about, contact, etc.
The problem though is that in the separate contact page (not including a header, only body content) where my styled select boxes are displayed, the "styling" if you will only works when jquery is included once again directly in the contact.php file (already included in index.php).
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.js"></script>
Once removed from contact.php, all select option items are set to null. This wouldn't be much of a problem if only datePicker in another part of the site didn't stop working as what I believe to be a consequence of including jQuery twice.
I've tried all sorts of solutions like checking if it's really there:
if (typeof jQuery == 'undefined') {
document.write('<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.js"></script>');
}
jQuery is not undefined, it's there all right, you can even see it when browsing through the source code. Any ideas on why this is happening?