jquery - 要素の 2 つの ID で validate.js が機能しないのはなぜですか?どうすれば修正できますか?

Question

http://emopreview.co.uk/mini/MINI-ISSD-Holding-Pages/uk-forces-form.html

こんにちは、みんな、

dropkick.js を配置したすべての選択タグで検証を機能させようとしているので、それらの悪い男の子をスタイルアップできます。ただし、これには「select」と「required」の 2 つの ID 名が必要です。選択 ID をオフにすると動作します。他の誰かがこれを経験したかどうか疑問に思っていました。もしそうなら、彼らは問題を解決するために何をしましたか? 以下は、スクリプトへの私のhtmlとJquery呼び出しです。

Jクエリ

$("#emf-form").validate();
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPad/i))) {

$('html').removeClass('dk_fouc');
$('.select').addClass('ios');

}else{
// Add dropkick selectbox styling to property search form */
$('.select').dropkick();
}

HTML

<select id="element_4" name="element_4" class="required select">
  <option value=""selected="selected">Please select</option>
  <option value="Diplomatic">Diplomatic</option>
  <option value="British Forces Germany">British Forces Germany</option>
  <option value="Export & LHD">Export &amp; LHD</option>
</select>  

私が行ったことを示すリンクもあります。

ありがとう