I'm SURE I'm going to sound like a total .... here but I just have to ask!

We are using Stackmob to be the backend of our mobile app we are developing, I've been through the samples and it's all good (using xcode etc.). That part is fine, as far as a sample goes. 

I wanted to get access to the data that was stored through a web application so I also grabbed down the sample files, index.html and app.js files (thats what it gave me), I ran it and bingo, up came my data, I could add and remove entries, I refreshed the mobile app and as if by magic, it appeared.

So, my question...I simply put these two files on my hostgator LAMP server and ran them, great, all appeared as 'normal'. I then right clicked and inspected the page and all my connection string and app code was there for all to see, if anyone was interested.

It's a pretty big security issue obviously. So, I mentioned this to my developer and he said we couldn't use that method of connecting using JQuery (i think it is) but I'm really not sure if it's right. Surely there is a way to encrypt this data or place it in a directory so it's not viewable? I've searched the net and HTML5/JQUERY/CSS is everywhere, all of that can't be unsecure??

Just needed to ask for my next step in learning this stuff and if there is a nice link for beginners around how this is accomplished?

Any assistance would be much appreciated.

Regards,

Ken