jQtouch webapp behaving working fine on mac Safari but won't work on iPhone Safari

This is my first web app and I developed this one by following Jonathan Stark's Building iphone apps with HTML, css and javascript. Everything was testing ok on my mac safari, even when I select Develop > User Agent > Mobile Safari... You can view the above site in your safari and see it's working fine.

However when I finally (thought I had) finished everything and view stuffs from my iPhone safari, the whole world collapsed... Things are so messed up.

I'm using jQtouch and I somehow ge开发者_Go百科t an idea that it might because I'm pulling data from JSON files... Because if I pull data from the local storage (like favorites and combination), it's working fine without any issue. However if it's pulling data from JSON, then it'll turn into a mess...

My JSON file is located here:

http://hongteetrading.com/demos/pronouncecn/lib/names.json

The javascript used for pulling data:

$.getJSON("lib/names.json",function(data) {

    $.each(data.names,function(i,val){
          if(val.spelling==id){ ... }

I guess there could be any better ways of doing it? Or what kind of data-interchange formate you're using with jQtouch?

---

There are few errors in your HTML that you should fix before you do anything else. Use the W3C service to review them:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fhongteetrading.com%2Fdemos%2Fpronouncecn%2F%23home

Once those errors are fixed you will have a better chance of hunting down the specific things that are rendering differently between devices because you'll be conforming to standards.