title: Set validation for div using jQuery validation
body: <p>I'm using <strong><code>jQuery validation plugin</code></strong>, for my form validation.  However I'm unable to set the validation for a <strong><code>div</code></strong>.</p>
  
  <p>Here is what I have tried so far</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;form id="form"&gt;
    &lt;div id="location" name="location"&gt;&lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$('#form').validate({
              rules: {
              isLocationEmpty: true;
              }
  });
  </code></pre>
  
  <p><strong>CustomValidation Mehthod:</strong></p>
  
  <pre><code>$.validator.addMethod('isLocationEmpty', function (value, element) {        
      var loc = $('#location').text();
      return (loc != "")
  }, 'REQUIRED.');
  </code></pre>
  
  <p>I'm haven't done this previously, please provide your suggestions.</p>