I have never used jQuery. I am looking at redesigning the web site and address mobile devices. Our site is an eCommerce site so working over a large spectrum of browsers is important.

But since mobile devices do not really have an legacy issues, I would use the latest jQuery versions for mobile applications.

While testing/learning, using w3school, they are using version 1.11.3.

Works fine in their examples.

Used Version 1.12.4, again, works fine.

Used version 3.1.1, does not work.

The browser I am using for testing is Firefox 50.0.2 on Windows 10.

Same results on my Samsung.

I will use ver 1.12 for the website, as we need to work on the older browsers, but wanted to use the new version for mobile.

I am using mobile 1.4.5

The code very basic:

<div data-role="page" id="pageone">

  <div data-role="header">

  <h1>Welcome To My Homepage</h1>

  </div>

  <div data-role="main" class="ui-content">

  <p>Welcome!</p>

  </div>

  <div data-role="footer">

  <h1>Footer Text</h1>

  </div>

</div>