JQuery validation custom messages not working
<p>I have a strange problem with JQuery.validate</p>

<p>The forms validate fine, the errorClass works, but the custom messages don't come through I just get the generic ones.</p>

<p>I've checked the contents of stack exchange and it seems to be either typos or not specifying the name field in the html.</p>

<p>Can someone point me in the right direction here?</p>

<p><strong>HTML</strong> </p>

<pre><code>&lt;form action="#" method="POST" id="vlanForm" name="vlanForm"&gt;
&lt;div class="flip"&gt;&lt;h3&gt;Add VLAN&lt;/h3&gt;&lt;/div&gt;
&lt;div class="panel"&gt;
VLAN ID:&lt;input type="text" id="vlan" name="vlan"&gt;&lt;br&gt;
&lt;input type="submit" class="button" style="position: absolute;right: 7px;" name="vlanSubmit" value="Send"&gt;&lt;br&gt;&lt;/div&gt;
 &lt;/form&gt;
</code></pre>

<p><strong>Javascript</strong></p>

<pre><code>$("#vlanForm").validate({
    errorClass: 'wrong',
    rules: {
        vlan: {
            required: true,
            number: true
              },
    messages: {
        vlan: {
            required: "Please enter a vlan",
            number: "Number only please"
              }
           }
         }
});
</code></pre>

<p>As I say, the validation on the form works, the custom class works, but the messages don't, despite the name field being set on each. Apologies in advance if it is just a Typo I'm being blind on but I've looked over it many times.</p>