Question

When I click – it doesn’t do anything.

Html code:

     <fieldset>
      <form action="#" method="post" accept-charset="utf-8" class="example_form">
        <select name="country" class="default" tabindex="2">
          <option value="">Try Me!</option>
          <option value="AU">Australia</option>
          <option value="CA">Canada</option>
          <option value="DE">Germany</option>
          <option value="JP">Japan</option>
          <option value="GB">United Kingdom</option>
          <option value="US">United States</option>
        </select>       
      </form>
    </fieldset>

js code:

     $('.default').dropkick();

Don’t have any errors in Google Chrome console.

EDITED

 <%= javascript_include_tag 'jquery-1.7.2', 'jquery.validate.min','jquery.dropkick-1.0.0','application' %>

Answer 1

I tried the code in jsfiddle.net. It worked fine. Here is my fiddle http://jsfiddle.net/guanxiaohua2k6/36pkP/, where I used

jquery 1.7.2
jquery.validate 1.9
jquery.dropkick 1-0.1

You can confirm them in “Manage resources” tab.