Got a conundrum going on here.

I'm developing an interface for the iPhone, using both my iPhone 4 iOS 5.0.1 and Webkit/Safari on my MacBook Pro with the user-agent set to iPhone to view things.

What I'm having issue with is that when performing a particular call to an external JS function via a hot spot, in Webkit/Safari all works as planned.
However on my iPhone I get the good old "function not found" error.

Here are the two relevant snippets of code:

onClick:
js(phoneCall('$acturl'));


External JS:

function phoneCall(phnumber) {
var phonenumber = phnumber;
alert(phonenumber);
};

Below is a link to an example of the issue.
The hotspot in question is the one with the phone icon on it - visible first thing.



Shouldn't there be no difference in functionality?

I have had massive caching issues in the past with my iPhone, as a heads up.

Ah!
Be sure to add this to your home screen on an iPhone if you are going to check this out.

This is a nasty caching issue with my iPhone.
Even dumping them in settings.


This morning, all worked as promised.

However, I have since made changes to the javascript file and those changes are not being reflected.
I even deleted the .js file all together and all worked just fine.

So there are some interesting caching issues going on....