jquery - jquery による検証のトラブル

Question

私は探し回っていますが、コードが機能しない理由がわかりません。それが機能するかどうかを確認するためにjsfiddleを試してみましたが、私には起こりませんでした。

明確にするために、私は twitter ブートストラップを使用しており、フォームの POST 部分にはまだ何もしていません。

<div id="register">
    <form id="registerform" method="POST" action=""  accept-charset='UTF-8'>
       <fieldset>
         <legend>Register</legend> <br>
         <input type="text" name="firstName" id="firstName" placeholder="First Name" maxlength="20" value=""/> <br>
         <input class="btn btn-primary" type="submit" name="create" value="Join"/>
         <a href="/"><button type="button" class="btn">Cancel</button></a>
      </fieldset>
    </form>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js" type="text/javascript"></script>
<script src="../js/jquery.validation.min.js"></script>
<script>
 $(document).ready(function () {
               var form = $("#registerform");
               var firstname = $("#firstName");                      
               var validator = form.validate({
                        rules: {
                            firstname: {
                                required: true,
                                minlength: 4
                            }
                        },
                });
     });

どんな助けでも素晴らしいでしょう。