I would like to use jquery mobile in my responsive layout, but only on the smaller versions of the site, of course. How would I go about doing that exactly? Because it looks like JQM needs to have those added html elements, like "div data-role="page", div data-role="header", div data-role="content", etc. I would only want those elements in there for like the 480px and 320px versions.

I'm thinking that I could add in those needed html elements only when the screen is at a certain width? I'm not good with writing my own jquery though. What would be the best way to that?

Thanks!