jQuery Mobile displays all pages rather than the 1st when booting when working with a multi-page template


I have a single HTML file that contains three div elements in it,

Each div element has the attribute data-role="page" assigned to it.

When I load the HTML file, for some reason, it displays all of the div elements, rather than the 1st one only (I have another application I've written using HTML5&jQuery mobile and it works well and as expected - it only shows the 1st page when I load the HTML)

There are no significant differences between the two applications and I've been struggling with this for hours.

What might cause such a problem?

Here's the solution:

I accidently mistyped the file name for jQuery mobile's CSS file - so some classes were missing, classes that are used to hide non-active pages... along with other crucial classes