title: jQuery solution to detect for touch only device?
body: <p>I have designed my site with an image gallery that does not display the next / previous arrows until the mouse is rolled over them <code>.next:hover{display: block}</code> This is fine but the site is fluid and I did not think at all that hover (mouse over) does not work on touch screen! I do not want to keep the arrows on constant display unless the device is touch screen only like an ipad for example! </p>
  
  <p>What is the best way to detect if the device is touch only and if so change display: none to display block automatically. Is there a jQuery way of doing this?</p>
  
  <p>I hope this makes sense, I have googled it and search on S.O. but am unable to find a direct answer. That along with the fact that I am a bit (understatement) of a novice when it comes to jQuery!</p>
  
  <p>Thank you for any help</p>