title: Change location of error message using verify.JS
body: <p>I've got a form with JS validation (verify.js) where phone OR email is required.  Everything is functional, my only issue is trying to change WHERE the validation error message appears.  </p>
  
  <p><a href="http://jsfiddle.net/R4t84/119/" rel="nofollow">Here's a JSFiddle</a></p>
  
  <p>The <code>data-validate</code> attribute is what fires the verify.js rules.  I've written a rule <code>phoneOrEmail</code> that fires when the submit button is clicked.  This causes validation message to "attach" to the submit button.  I would like the validation message to appear near the phone or email fields.</p>
  
  <p>My JS isn't very strong, so I'm hoping this is something simple.  <a href="http://verifyjs.com" rel="nofollow">If it helps, here's the documentation for verify.js</a>.</p>
  
  <p>If you don't want to click through to the JSFiddle, here's my HTML:</p>
  
  <pre><code>&lt;form action="#" method="post" name="landing_form" id="landing_form"&gt;
      &lt;label for="phone"&gt;Phone Number&lt;/label&gt;
      &lt;input type="text" class="form-control" name="phone" id="phone" data-validate="min(10)"&gt;
      &lt;label for="email"&gt;Email&lt;/label&gt;
      &lt;input type="text" class="form-control" name="email" id="email" data-validate="email"&gt;
      &lt;input type="submit" value="Send Message" data-validate="phoneOrEmail"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And my JS:</p>
  
  <pre><code>$(document).ready(function() {
      $.verify.addRules({
          phoneOrEmail: function(r) {
              var phone = $('#phone').val();
              var email = $('#email').val();
              if (phone == '' &amp;&amp; email == '') {
                  return "Please supply phone OR email";
              } else {
                  return true;
              }
          },
      });
  });
  </code></pre>