Assim como no título.

Eu tenho dois arquivos: um é o arquivo javascript e um é o arquivo css. E seuser-agent é um iPad Eu quero carregar esses arquivos - mas apenas quando o user-agent éiPad. Portanto, abaixo de duas linhas são carregadas apenas quando o user agent é um iPad. como posso conseguir isso

<link rel="stylesheet" href="/c/dropkick.css" type="text/css"/>
<script src="/s/jquery.dropkick-1.0.0.js" type="text/javascript"></script>