jQuery Forum

Integrating iScroll with jQuery Mobile is fairly complex. I've written a jQuery Mobile plugin to make it easier to use:

https://github.com/watusi/jquery-mobile-iscrollview

That said, your problem is something more fundamental:

Now this works the first time I load a page with that element, but when I try to load the second page, which also has an id of #home,

You can't do this in jQuery Mobile and expect it to work. The HTML specification does not permit duplicate IDs within a document. jQuery Mobile loads multiple pages into the same document, and when you transition pages, the previous and new pages are in the document at the same time.

If you try to reference an ID (say, using a selector), and there are more than one element with that ID, which element is returned is unpredictable, and will vary by browser.

I recommend never using IDs in jQuery Mobile projects. While they can be used if careful, it is very difficult to maintain a JQM project that uses IDs, for limited benefit.

You have to use strict JSON format. That means you will have to enclose the value in single quotes, since the JSON will need to use double quotes:

<div data-iscroll='{"option1":true,"option2":1234,"option3":"test"}'>