I have built a mobile website on my own in PHP, and wanted to use pieces of jQuery Mobile to make it display better on a mobile device. I am trying to pick out pieces form jQuery such as forms and list views to use to enhance my site. I am trying to do this with out re-writing most of my code, as I already have a nice theme I would like to keep my website on. The first thing I tried to do was use the form elements form jQuery Mobile, and when I inserted them in my page it made everything askew.
Before I inserted the jQuery Mobile code it looked like this:
the website with the jQuery code can be found here to see the source:http://www.beerportfolio.com/jmobilethe website without the jQuery Mobile code can be seen here:http://www.beerportfolio.com/mobileI think it's a CSS problem but I am un-able to find it by using inspect element on Chrome.