Creating a jQuery Mobile layout

In this recipe, we will be creating a simple podcast application. It will obtain the available shows from a remote XML feed and display them in a list on the main page.

We want the interface and elements to be easily recognizable and simple to use, which jQuery Mobile can easily help us achieve.

Getting ready

Before we start building our application, we need to ensure that we have the jQuery Mobile framework.

Head over to http://jquerymobile.com/download/ to download the latest code as a .zip file.

We have options for including the code stored in a Content Distribution Network (CDN). This means that the files are hosted on a remote server with a fairly high guarantee of their availability at all times, without any server downtime.

Using this method will help to reduce the overall size of our compiled application, as it will mean that our app will not contain the files. They are not gargantuan in size, but when dealing with mobile networks and data use, we want to...