I have created a biggish form that is not loading fully.
The page loads with all the content visible. However, it seems that some of the code or functionality that makes the form work is not loaded fully.
This causes some of the hidden fields never to be displayed to form users.
Despite this, the form is useable and the submit works.

To encourage users to test the form is loaded fully, I have placed some check boxes that should display an image and a message at the top of the form. Usually, in my browsers, these do not work. So I am encouraging visitors to reload the page until they do work. Sometimes this takes five or six reloads. I do not think it is acceptable to ask visitors to cope with this.

Would any of you who have more experience than me have any advice on how to fix this?
The form is available from this link:

http://kodalyireland.com/courses/AppTest14.html
Feel free to test it - it is in test mode for now, but my clients want it live soon.

TIA

Try deleting this from your form page.

Thanks Eric,

Thanks for having a look.
I did as you suggested.
However, the loading issue is still the same.
It takes about 5 reloads to get a fully working version of the form.

I do not understand why it works sometimes and does not work most of the time.
There is no logic in that!

I was hoping that someone might have seen this before and knows a quick fix.
I have no idea what to look for.

I think I found the source of the issue. See ***Fix below if you want the quick answer!

At least, I made some changes and the loading of the form is now more reliable (9 out of 10)
I have some of my own code in a HTML element. This is mainly to add some cleverness to the financial fields a) calculating the total and b) to empty the fields if a user wishes to subtract a membership discount after entering an amount -- to force new entry and recalc.

The code I used comes into play when the document is ready...
<script type="text/javascript">$(document).ready(function(){ my own functions... etc.

This will only work by pulling in jquery first.
Rather than pulling in a jquery lib from Google, I decided to reference the older jquery that is included in the FB folder.
I thought this would save some loading time and improve performance. I also thought it would avoid any risk of conflicts.

The code I was using:
<script src="common/libs_js/jquery-1.4.4.min.js">
</script> <script type="text/javascript">$(document).ready(function(){ my code etc. ...

This worked (sometimes) (intermittently).

*** Fix: Pulling in the jquery from Google solves my issue with the poor loading of the form. ***

So the code I am using now is
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript">$(document).ready(function(){ my code etc. ...

This info may help somebody else.

Now some questions.
Would performance be better if we had a jquery 1.9.1 in the FB folder instead of (or as well as) 1.4.4 ?
Would loading of a large form be better if the jquery is pulled in from a local folder on the server instead of from Google?
Why did my way of using the local jquery not work reliably?

You were using two versions but didn't use any noconflict code.
http://api.jquery.com/jquery.noconflict/
There's always reasons for which version of Jquery is placed inside a script. I'm not sure which features require 1.4 but typically newer versions are backward compatible to a certain version.

That might be significant.

Thank you Eric.