Currently we are facing a problem when we use jQuery Mobile in combination with some wrappers for SEO purposes. For example we are trying to create a nice nested list for the navigation. However the first nested <ul> element has two <div> wrappers around it. Somehow it seems jQuery mobile doesn't really like those two wrappers.

Check:  http://jsfiddle.net/4PAUv/ for live example

As you can see I removed the two wrappers from the second nested <ul> and it works, but now the html is incorrect and it has no semantic meaning anymore 

Is there anyway to achieve this?

Friendly regards,

Ka-Sing Chou