title: Jquery Validate Plugin, Remote Validation with Custom Error Message
body: <p>I'm having a form with a SELECT field (college_id), which I am trying to validate.
  I am using the JQuery Validate Plugin and trying to use it's "remote" option.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;form id="registration-form" ... &gt;
  .
  .
  &lt;select name="college_id" id="college_id" class="required" &gt;
  //Options generated using PHP code
  &lt;/select&gt;
  .
  .
  &lt;/form&gt;
  </code></pre>
  
  <p>JAVASCRIPT:</p>
  
  <pre><code>$(document).ready(function(){
      //For triggering the validation onChange
      $('#college_id').change(function(){
          $("#college_id").removeData("previousValue");
          $("#registration-form").validate().element("#college_id");
      });
  
      $('#registration-form').validate({
          rules:{
              college_id:{
                  remote: {
                      type: 'POST',
                      url: urls.base_url+'Representative/checkCollegeAJAX/',
                      dataType:"json",
                      data:{
                          college_id:function(){
                              return $('#college_id').val();
                          }
                      },
                      dataFilter: function(data) {
                          data=JSON.parse(data);
                          console.log(data.isError);
                          if(!data.isError) { //If no error
                              return true;
                          } else {
                              console.log("Error Message: "+data.errorMessage);
                              return "\"" + data.errorMessage + "\"";
                          }
  
                      }
                  }
              }
          }
      });
  
  
  });
  </code></pre>
  
  <p>As you can see above, i'm trying to display the Error message when isError==True</p>
  
  <p>My PHP code returns a JSON encoded object like:</p>
  
  <pre><code>{"isError":true,"errorMessage":"Sorry!"}
  </code></pre>
  
  <p>In case of an error
  OR</p>
  
  <pre><code>{"isError":false,"errorMessage":""}
  </code></pre>
  
  <p>In case of No Error.
  (Extracted right from Fire Bug)</p>
  
  <p>The problem is that no matter what the response, I keep getting "Fix this field" next to the SELECT field.
  Only in case there is an error, i need to get my custom message (data.errorMessage) displayed.</p>