I.ve created a twitter bootstrap based website that scales perfectly to mobile and tablet. I want to use jquery on the website to handle the navigation so that when the site is viewed on a mobile device the user clicks the category button and the sub categories drop down. This saves a huge list showing on the smaller screen. I've got it working fine on the desktop version of the site but when I test on my iPhone 5 phone, no jquery navigation just a long list of sub categories.

Do I have to enable JQuery Mobile to use JQuery on a mobile site or should it work straight out of the box so to speak?